hængende tegnsætning

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.

figur fra denne artikel af Steve Hickey

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.

You might also like

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.