egenskaben hanging-punctuation sigter mod at give designere en finere kornet kontrol over typografi på nettet.
ideen bag hængende tegnsætning er at sætte nogle tegnsætningstegn fra start (eller i mindre udstrækning i slutningen) af tekstelementer “uden for” af boksen for at bevare læsestrømmen.
grundlæggende ville det let flytte det Citat, kugle eller hvad som helst til venstre (eller højre i rtl – tilstand), så det første bogstav er korrekt justeret med resten af dokumentet.

Bemærk venligst, at denne ejendom er valgfri, så bro.serproducenter måske eller måske ikke understøtter den.
syntaks
hanging-punctuation: none | || last ]blockquote p { hanging-punctuation: first;}
none
ingen karakter hænger. Dette er standardværdien for denne egenskab.
first
et tilgængeligt tegn i starten af den første formaterede linje i et element hænger.
last
et tilgængeligt tegn i slutningen af den sidste formaterede linje i et element hænger.
force-end
et stop eller komma i slutningen af en linje hænger.

tegnsætningen er tvunget til at hænge og overvejes ikke, når man måler linjen for begrundelse.
allow-end
et stop eller komma i slutningen af en linje hænger, hvis det ellers ikke passer før begrundelse.

tegnsætningen i slutningen af den første linje for hænger ikke, fordi den passer uden at hænge. På den anden linje er der dog ikke nok plads, så det hænger.
tilgængelige tegn
| kode | tegn | navn |
|---|---|---|
U+002C |
, | komma |
U+002E |
. | FULD STOP |
U+060C |
، | ARABISK KOMMA |
U+06D4 |
۔ | ARABISK FULD STOP |
U+3001 |
、 | IDEOGRAFISK KOMMA |
U+3002 |
。 | IDEOGRAFISK PUNKTUM |
U+FF0C |
, | KOMMA MED FULD BREDDE |
U+FF0E |
. | FULD BREDDE FULD STOP |
U+FE50 |
﹐ | LILLE KOMMA |
U+FE51 |
﹑ | LILLE IDEOGRAFISK KOMMA |
U+FE52 |
﹒ | LILLE PUNKTUM |
U+FF61 |
。 | halv bredde ideografisk punktum |
U+FF64 |
、 | halv bredde ideografisk komma |
bemærk, at brugeragenter har lov til at tilføje ethvert tegn til denne liste. Citat af spec:
UA kan indeholde andre tegn efter behov.
relaterede ejendomme
text-indenttext-align
andre ressourcer
-
hanging-punctuationi spec -
hanging-punctuationmed css af Steve Hickey
bro. ser Support
denne bro. ser supportdata er fra Caniuse, som har flere detaljer. Et tal angiver, at bro.ser understøtter funktionen i den version og op.
Desktop
| Chrome | Brand | IE | Edge | Safari |
|---|---|---|---|---|
| Nej | Nej | Nej | Nej | 10 |
Mobil / Tablet
| Android Chrome | Android Firefok | Android | iOS Safari |
|---|---|---|---|
| Nej | Nej | Nej | 10.0-10.2 |
en anstændig tilbagegang for ikke-understøttet bro. ser ville være at bruge en negativ tekstindrykning som sådan:
blockquote p { text-indent: -0.5em; /* Change according to your font */}
for punktlister vil du måske sikre dig, at punkttegnets position er indstillet til outside, og at beholderens overløb ikke er indstillet til hidden.