hanging-punctuationVara eesmärk on anda veebidisainerid peenema tekstuuriga kontrolli tüpograafia veebis.
Kirjavahemärkide riputamise idee on lugeda tekstivoogude säilitamiseks mõned kirjavahemärgid algusest (või vähemast lõpuni) tekstielementidest kasti „väljapoole“.
Põhimõtteliselt liigutaks see tsitaati, täppi või mida iganes vasakule (või rtlrežiimis paremale ), nii et esimene täht oleks ülejäänud dokumendiga korralikult joondatud.
Pange tähele, et see vara on valikuline, nii et brauserite tootjad võivad seda toetada või mitte.
Süntaks
hanging-punctuation: none | ( first || ( force-end | allow-end ) || last ) blockquote p ( hanging-punctuation: first; )none
Ükski tegelane ei hangu. See on selle atribuudi vaikeväärtus.
first
Elemendi esimese vormindatud rea alguses olev saadaolev märk hangub.
last
Elemendi viimase vormindatud rea lõpus ripub saadaolev märk.
force-end
Peatükk või koma rea lõpus ripub.
Kirjavahemärgid on sunnitud riputama ja neid ei võeta põhjenduse saamiseks joone mõõtmisel arvesse.
allow-end
Peatükk või koma rea lõpus ripub, kui see enne põhjendamist muidu ei sobi.
Esimese rea lõpus olevad kirjavahemärgid ei ripu, sest see sobib ilma riputamata. Teisel real pole aga piisavalt ruumi, nii et see ripub.
Saadaval olevad tähemärgid
| Kood | Iseloom | Nimi |
|---|---|---|
U+002C | , | KOMMA |
U+002E | . | TÄISPESA |
U+060C | ، | ARAABIA KOMMA |
U+06D4 | ۔ | ARAABIA TÄIELIK Peatus |
U+3001 | 、 | IDEOGRAAFILINE KOMA |
U+3002 | 。 | IDEOGRAAFILINE TÄIELIK SEIS |
U+FF0C | ， | TÄISKOMMA |
U+FF0E | ． | TÄIELIK TÄISPESA |
U+FE50 | ﹐ | VÄIKE KOMMA |
U+FE51 | ﹑ | VÄIKE IDEOGRAAFILINE KOMMA |
U+FE52 | ﹒ | VÄIKE TÄISPESA |
U+FF61 | ｡ | POOLE IDEOGRAAFILINE TÄISPESA |
U+FF64 | ､ | POOLAWIDTHI IDEOGRAAFILINE KOMA |
Pange tähele, et kasutajaagentidel on lubatud sellesse loendisse lisada mis tahes tähemärki. Tsiteerides spetsifikatsiooni:
UA võib lisada muid märke vastavalt vajadusele.
Brauseri tugi
Need brauseri tugiandmed pärinevad Caniuse'ilt, millel on üksikasjalikum teave. Number näitab, et brauser toetab selle versiooni ja uuemat funktsiooni.
Töölaud
| Chrome | Firefox | IE | Edge | Safari |
|---|---|---|---|---|
| Ei | Ei | Ei | Ei | 10 |
Mobiil / tahvelarvuti
| Android Chrome | Android Firefox | Android | iOS-i Safari |
|---|---|---|---|
| Ei | Ei | Ei | 10,0-10,2 |
Toetamata brauseri korralikuks tagavaraks oleks negatiivse teksti taande kasutamine nii:
blockquote p ( text-indent: -0.5em; /* Change according to your font */ )Täpploendite puhul võiksite veenduda, et täppide positsiooniks on seatud outsideja et konteineri ülevooluks pole seatud hidden.