Cilj hanging-punctuationnepremičnine je spletnim oblikovalcem omogočiti natančnejši nadzor nad tipografijo na spletu.
Zamisel ločil je nameniti postavitev nekaterih ločil od začetka (ali do manjše mere na koncu) besedilnih elementov "zunaj" polja, da se ohrani bralni tok.
V bistvu bi nekoliko premaknil citat, kroglo ali kar koli drugega v levo (ali v desno v rtlnačinu), tako da bi bila prva črka pravilno poravnana s preostalim delom dokumenta.
Ta lastnost ni obvezna, zato jo izdelovalci brskalnikov lahko podpirajo ali pa tudi ne.
Sintaksa
hanging-punctuation: none | ( first || ( force-end | allow-end ) || last ) blockquote p ( hanging-punctuation: first; )none
Noben lik ne visi. To je privzeta vrednost za to lastnost.
first
Znak, ki je na voljo na začetku prve oblikovane vrstice elementa, visi.
last
Znak, ki je na voljo na koncu zadnje formatirane vrstice elementa, visi.
force-end
Ustavitev ali vejica na koncu vrstice visi.
Ločila so prisiljena obesiti in niso upoštevana pri merjenju črte za utemeljitev.
allow-end
Ustavitev ali vejica na koncu vrstice visi, če drugače ne ustreza pred utemeljitvijo.
Ločila na koncu prve vrstice za ne visijo, ker ustrezajo brez obešanja. V drugi vrstici pa ni dovolj prostora, zato visi.
Razpoložljivi znaki
| Koda | Značaj | Ime |
|---|---|---|
U+002C | , | COMMA |
U+002E | . | PIKA |
U+060C | ، | ARAPSKA KOMMA |
U+06D4 | ۔ | ARAPSKI POPOLNI STOP |
U+3001 | 、 | IDEOGRAFSKA KOMMA |
U+3002 | 。 | IDEOGRAFSKI POPOLNI STOP |
U+FF0C | ， | FULLWIDTH COMMA |
U+FF0E | ． | FULLWIDTH FULL STOP |
U+FE50 | ﹐ | MALA KOMMA |
U+FE51 | ﹑ | MALA IDEOGRAFSKA KOMMA |
U+FE52 | ﹒ | MALA POPOLNA USTAVA |
U+FF61 | ｡ | IDEOGRAFSKA POLOŠIRINA POLNA STOP |
U+FF64 | ､ | IDEOGRAFSKA KOMMA POLOVIŠINE |
Upoštevajte, da lahko uporabniški agenti na ta seznam dodajo kateri koli znak. Navedba specifikacij:
UA lahko po potrebi vključuje druge znake.
Podpora za brskalnik
Ti podatki o podpori brskalnika so od Caniuse, ki vsebuje več podrobnosti. Številka pomeni, da brskalnik podpira to funkcijo v tej različici ali novejši.
Namizje
| Chrome | Firefox | IE | Rob | Safari |
|---|---|---|---|---|
| Ne | Ne | Ne | Ne | 10. |
Mobilni / tablični računalnik
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| Ne | Ne | Ne | 10,0-10,2 |
Dostojna nadomestna možnost za nepodprti brskalnik bi bila uporaba negativne zamika besedila, kot je to:
blockquote p ( text-indent: -0.5em; /* Change according to your font */ )Za sezname oznak boste morda želeli zagotoviti, da je položaj oznak nastavljen na outsidein da prelivanje vsebnika ni nastavljeno na hidden.