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-indent
text-align
andre ressourcer
-
hanging-punctuation
i spec -
hanging-punctuation
med 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
.