agățat-punctuație

proprietatea hanging-punctuation își propune să ofere designerilor web un control mai fin asupra tipografiei pe web.

ideea din spatele punctuației suspendate este de a pune unele caractere de punctuație de la început (sau la o extindere mai mică la sfârșit) a elementelor de text „în afara” casetei pentru a păstra fluxul de citire.

practic, ar muta ușor acel citat, glonț sau orice altceva spre stânga (sau spre dreapta în modul rtl), astfel încât prima literă să fie aliniată corect cu restul documentului.

figura din acest articol de Steve Hickey

vă rugăm să rețineți că această proprietate este opțională, astfel încât producătorii de browsere pot sau nu să o accepte.

sintaxă
none
first
last
force-end
allow-end
caractere disponibile
proprietăți similare
alte resurse
suport Browser
birou
mobil / tabletă

sintaxă

hanging-punctuation: none | || last ]blockquote p { hanging-punctuation: first;}

`none`

niciun personaj nu atârnă. Aceasta este valoarea implicită pentru această proprietate.

`first`

un caracter disponibil la începutul primei linii formatate a unui element se blochează.

`last`

un caracter disponibil la sfârșitul ultimei linii formatate a unui element se blochează.

`force-end`

o oprire sau o virgulă la sfârșitul unei linii se blochează.

punctuația este forțată să stea și nu este luată în considerare la măsurarea liniei pentru justificare.

`allow-end`

o oprire sau o virgulă la sfârșitul unei linii se blochează dacă nu se potrivește altfel înainte de justificare.

punctuația de la sfârșitul primei linii pentru nu atârnă pentru că se potrivește fără a atârna. Cu toate acestea, pe a doua linie, nu există suficient spațiu, așa că atârnă.

caractere disponibile

Cod	caracter	nume
`U`+`002C`	,	virgulă
`U`+`002E`	.	OPRIRE COMPLETĂ
`U`+`060C`	،	VIRGULĂ ARABĂ
`U`+`06D4`	۔	ARABĂ OPRIRE COMPLETĂ
`U`+`3001`	、	VIRGULĂ IDEOGRAFICĂ
`U`+`3002`	。	PUNCT IDEOGRAFIC COMPLET
`U`+`FF0C`	，	FULLWIDTH VIRGULĂ
`U`+`FF0E`	．	FULLWIDTH OPRIRE COMPLETĂ
`U`+`FE50`	﹐	VIRGULĂ MICĂ
`U`+`FE51`	﹑	VIRGULĂ IDEOGRAFICĂ MICĂ
`U`+`FE52`	﹒	MIC OPRIRE COMPLETĂ
`U`+`FF61`	｡	HALFWIDTH ideografic oprire completă
`U`+`FF64`	､	virgulă ideografică cu jumătate de lățime

rețineți că agenților utilizator li se permite să adauge orice caracter la această listă. Citând spec:

UA poate include alte caractere, după caz.

proprietăți similare

text-indent
text-align

alte resurse

hanging-punctuation în spec
hanging-punctuation cu CSS de Steve Hickey

suport Browser

aceste date de asistență pentru browser sunt de la Caniuse, care are mai multe detalii. Un număr indică faptul că browser-ul acceptă caracteristica la acea versiune și în sus.

birou

Chrome	Firefox	IE	Edge	Safari
nu	nu	nu	nu	10

mobil / tabletă

Android Chrome	Android Firefox	Android	iOS Safari
nu	nu	nu	10.0-10.2

o rezervă decent pentru browser-ul neacceptate ar fi de a utiliza un text negativ-liniuță ca atare:

blockquote p { text-indent: -0.5em; /* Change according to your font */}

pentru listele de gloanțe, poate doriți să vă asigurați că poziția gloanțelor este setată la outside și că depășirea containerului nu este setată la hidden.