egenskapen hanging-punctuation tar sikte på å gi webdesignere en finere kornet kontroll over typografi på nettet.
tanken bak hengende tegnsetting er å sette noen tegnsettingstegn fra start (eller i mindre grad på slutten) av tekstelementer «utenfor» av boksen for å bevare lesestrømmen.
I Utgangspunktet ville det litt flytte det sitatet, punktet eller hva som helst til venstre (eller høyre i rtl – modus) slik at den første bokstaven er riktig justert med resten av dokumentet.

vær oppmerksom på at denne egenskapen er valgfri, slik at nettleserprodusenter kan eller ikke støtter den.
Syntaks
hanging-punctuation: none | || last ]blockquote p { hanging-punctuation: first;}
none
ingen tegn henger. Dette er standardverdien for denne egenskapen.
first
et tilgjengelig tegn ved starten av den første formaterte linjen i et element henger.
last
et tilgjengelig tegn på slutten av den siste formaterte linjen i et element henger.
force-end
et stopp eller komma på slutten av en linje henger.

tegnsettingen er tvunget til å henge og vurderes ikke når man måler linjen for begrunnelse.
allow-end
et stopp eller komma på slutten av en linje henger hvis det ikke ellers passer før begrunnelse.

tegnsettingen på slutten av første linje for henger ikke fordi den passer uten å henge. På den andre linjen er det imidlertid ikke nok plass,så det henger.
tilgjengelige tegn
| Kode | Tegn | Navn |
|---|---|---|
U+002C |
, | COMMA |
U+002E |
. | FULL STOPP |
U+060C |
، | ARABISK KOMMA |
U+06D4 |
۔ | ARABISK FULLSTOPP |
U+3001 |
、 | IDEOGRAFISK KOMMA |
U+3002 |
。 | IDEOGRAFISK FULLSTOPP |
U+FF0C |
, | FULL BREDDE KOMMA |
U+FF0E |
. | FULL BREDDE FULL STOPP |
U+FE50 |
﹐ | LITEN KOMMA |
U+FE51 |
﹑ | LITE IDEOGRAFISK KOMMA |
U+FE52 |
﹒ | LITEN FULL STOPP |
U+FF61 |
。 | HALV BREDDE IDEOGRAFISK FULL STOPP |
U+FF64 |
、 | HALV BREDDE IDEOGRAFISK KOMMA |
Vær oppmerksom på at brukeragenter kan legge til et hvilket som helst tegn i denne listen. Siterer spec:
UA kan inkludere andre tegn etter behov.
Relaterte Egenskaper
text-indenttext-align
Andre Ressurser
-
hanging-punctuationi spec hanging-punctuationMED CSS Av Steve Hickey
Nettleser Støtte
denne nettleserstøttedataene er Fra Caniuse, som har flere detaljer. Et tall indikerer at nettleseren støtter funksjonen på den versjonen og opp.
Desktop
| Chrome | Firefox | IE | Kant | Safari |
|---|---|---|---|---|
| Nei | Nei | Nei | Nei | 10 |
Mobil / Nettbrett
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| Nei | Nei | Nei | 10.0-10.2 |
en anstendig fallback for ikke støttes nettleser ville være å bruke en negativ tekst-innrykk som så:
blockquote p { text-indent: -0.5em; /* Change according to your font */}
for punktlister vil du kanskje forsikre deg om at punktets posisjon er satt til outside og at beholderens overflyt ikke er satt til hidden.