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-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
.