hengende tegnsetting

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.

Figur fra Denne artikkelen Av Steve Hickey

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-indent
  • text-align

Andre Ressurser

  • hanging-punctuation i spec
  • hanging-punctuation MED 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.

You might also like

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert.