U hanging-punctuationCiljevi objekta u davanju web dizajnera finije zrnate kontrolu nad tipografija na webu.
Ideja koja stoji iza vješanja interpunkcije jest staviti neke interpunkcijske znakove od početka (ili do manjeg dijela na kraju) tekstualnih elemenata "izvan" okvira kako bi se očuvao tijek čitanja.
U osnovi, malo bi pomaknuo taj citat, metak ili bilo što drugo ulijevo (ili udesno u rtlnačinu rada), tako da prvo slovo bude pravilno poravnato s ostatkom dokumenta.
Imajte na umu da je ovo svojstvo neobavezno pa ga proizvođači preglednika mogu ili ne moraju podržavati.
Sintaksa
hanging-punctuation: none | ( first || ( force-end | allow-end ) || last ) blockquote p ( hanging-punctuation: first; )none
Nijedan lik ne visi. To je zadana vrijednost za ovo svojstvo.
first
Visi raspoloživi znak na početku prvog oblikovanog retka elementa.
last
Visi dostupni znak na kraju zadnjeg formatiranog retka elementa.
force-end
Visi zaustavljanje ili zarez na kraju retka.
Interpunkcija je prisiljena da visi i ne uzima se u obzir prilikom mjerenja crte radi opravdanja.
allow-end
Zaustavljanje ili zarez na kraju retka visi ako ne odgovara prije opravdanja.
Interpunkcija na kraju prvog retka za ne visi, jer odgovara bez vješanja. Na drugom retku, međutim, nema dovoljno prostora, pa zato visi.
Dostupni znakovi
| Kodirati | Lik | Ime |
|---|---|---|
U+002C | , | ZAREZ |
U+002E | . | TOČKA |
U+060C | ، | ARAPSKA KOMMA |
U+06D4 | ۔ | ARAPSKI PUN STOP |
U+3001 | 、 | IDEOGRAFSKA KOMMA |
U+3002 | 。 | IDEOGRAFSKA PUNA STOPA |
U+FF0C | ， | FULLWIDTH COMMA |
U+FF0E | ． | FULLIDID FULL STOP |
U+FE50 | ﹐ | MALA KOMA |
U+FE51 | ﹑ | MALA IDEOGRAFSKA KOMMA |
U+FE52 | ﹒ | MALA PUNA STOPA |
U+FF61 | ｡ | POLUŠIRINA IDEOGRAFSKA PUNA STOPA |
U+FF64 | ､ | IDEOGRAFSKA KOMMA POLOVOLJINE |
Imajte na umu da su korisničkim agentima dopušteni dodavanje bilo kojeg znaka na ovaj popis. Citiranje specifikacije:
UA može sadržavati i druge znakove prema potrebi.
Podrška preglednika
Podaci o podršci preglednika potječu iz tvrtke Caniuse, koja sadrži više detalja. Broj označava da preglednik podržava značajku u toj verziji i novijoj.
Radna površina
| Krom | Firefox | IE | Rub | Safari |
|---|---|---|---|---|
| Ne | Ne | Ne | Ne | 10 |
Mobitel / tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| Ne | Ne | Ne | 10,0-10,2 |
Pristojna nadoknada za nepodržani preglednik bila bi upotreba negativnog uvlačenja teksta, jer je tako:
blockquote p ( text-indent: -0.5em; /* Change according to your font */ )Za popise metaka možda biste trebali provjeriti je li položaj metaka postavljen outsidei da li je preljev spremnika postavljen na hidden.