Kabinimas-skyryba - CSS-gudrybės

Anonim

Į hanging-punctuationnuosavybės siekiama suteikti Web dizaineriai prabangiau grūdėtu kontroliuoti tipografijos internete.

Skiriamųjų skyrybos ženklų idėja yra sudaryti keletą skyrybos ženklų teksto elementų „iš išorės“ nuo pradžios (arba mažesnio galo iki pabaigos), kad būtų išsaugotas skaitymo srautas.

Iš esmės tai šiek tiek perkelia tą citatą, ženklelį ar dar ką nors į kairę (arba į dešinę rtlrežime), kad pirmoji raidė būtų tinkamai sulygiuota su likusiu dokumentu.

Šio Steve'o Hickey straipsnio pav

Atkreipkite dėmesį, kad ši nuosavybė yra neprivaloma, todėl naršyklės kūrėjai gali ją palaikyti.

Sintaksė

hanging-punctuation: none | ( first || ( force-end | allow-end ) || last ) blockquote p ( hanging-punctuation: first; )

none

Joks personažas nepakimba. Tai yra numatytoji šios nuosavybės vertė.

first

Pirmojo suformatuoto elemento eilutės pradžioje kabo galimas simbolis.

last

Pakabintas galimas simbolis paskutinės suformatuotos elemento eilutės pabaigoje.

force-end

Stabdymas arba kablelis eilutės gale pakimba.

Skyrybos ženklai yra priversti pakabinti ir į juos neatsižvelgiama matuojant eilutę.

allow-end

Stabdymas arba kablelis eilutės gale pakimba, jei jis priešingu atveju netinka prieš pateisinimą.

Pirmosios eilutės pabaigoje esantys skyrybos ženklai nėra pakabinti, nes tinka neužkabinę. Tačiau antroje eilutėje nėra pakankamai vietos, todėl ji pakimba.

Galimi simboliai

Kodas Charakteris vardas
U+002C , COMMA
U+002E . PILNAS SUSTOJIMAS
U+060C ، ARABINĖ KOMMA
U+06D4 ۔ ARABINIS VISAS STABDYMAS
U+3001 IDEOGRAFINĖ KOMMA
U+3002 IDEOGRAFINIS VISAS STABDYMAS
U+FF0C VISAS KOMMAS
U+FF0E VISAS VISAS STABDYMAS
U+FE50 MAŽA KOMA
U+FE51 MAŽA IDEOGRAFINĖ KOMMA
U+FE52 MAŽAS VISAS STABDYMAS
U+FF61 PUSIAUSIO IDEOGRAFINIS PILNAS STABDYMAS
U+FF64 PUSIAUSIO IDEOGRAFINĖ KOMMA

Atminkite, kad vartotojų agentams leidžiama į šį sąrašą įtraukti bet kokį simbolį. Cituojant specifikaciją:

UA gali prireikus įtraukti kitus simbolius.

Naršyklės palaikymas

Šie naršyklės palaikymo duomenys yra iš „Caniuse“, kuri turi daugiau informacijos. Skaičius rodo, kad naršyklė palaiko šios ir naujesnės versijos funkciją.

Darbalaukis

„Chrome“ „Firefox“ T.Y Briauna „Safari“
Ne Ne Ne Ne 10

Mobilusis / planšetinis kompiuteris

„Android Chrome“ „Android Firefox“ „Android“ „iOS Safari“
Ne Ne Ne 10.0-10.2

Tinkamas nepalaikomos naršyklės atsarginis variantas būtų naudoti neigiamą teksto įtrauką:

blockquote p ( text-indent: -0.5em; /* Change according to your font */ )

Jei norite naudoti ženklelių sąrašus, galbūt norėsite įsitikinti, kad ženklelių padėtis nustatyta outsideir ar konteinerio perpildymas nėra nustatytas į hidden.