hanging-punctuation
ominaisuus pyrkii antamaan web-suunnittelijoille tarkemman kontrollin verkon typografiasta.
välimerkkien ripustamisen ideana on laittaa joitakin välimerkkejä tekstielementtien alusta (tai vähemmän loppuun) ”laatikon ulkopuolelle”, jotta Lukuvirta säilyisi.
periaatteessa se siirtäisi hieman tuota lainausta, luotia tai mitä tahansa vasemmalle (tai oikealle rtl
– tilassa) niin, että ensimmäinen kirjain on oikein linjassa muun asiakirjan kanssa.
huomaa, että tämä ominaisuus on valinnainen, joten selaimen tekijät voivat tai eivät tue sitä.
syntaksi
hanging-punctuation: none | || last ]blockquote p { hanging-punctuation: first;}
none
mikään hahmo ei hirty. Tämä on tämän ominaisuuden oletusarvo.
first
käytettävissä oleva merkki elementin ensimmäisen formatoidun rivin alussa roikkuu.
last
käytettävissä oleva merkki elementin viimeisen Muotoillun rivin lopussa roikkuu.
force-end
jonon päässä roikkuu pysäytys tai pilkku.
välimerkki on pakotettu roikkumaan, eikä sitä huomioida viivoja mitattaessa oikeutuksen saamiseksi.
allow-end
jonon päässä roikkuu pysäytys tai pilkku, jos se ei muuten sovi ennen oikeutusta.
ensimmäisen rivin lopussa oleva välimerkki ei ripustu, koska se sopii ilman ripustusta. Toisella linjalla ei kuitenkaan ole tarpeeksi tilaa, joten se roikkuu.
saatavilla olevat merkit
koodi | merkki | nimi |
---|---|---|
U +002C |
, | pilkku |
U +002E |
. | TÄYSKÄÄNNÖS |
U +060C |
، | ARABIANPILKKU |
U +06D4 |
۔ | ARABIANRANNAN TÄYSPYSÄKKI |
U +3001 |
、 | IDEOGRAFINEN PILKKU |
U +3002 |
。 | IDEOLOGINEN TÄYSKÄÄNNÖS |
U +FF0C |
, | FULLWIDTH PILKKU |
U +FF0E |
. | FULLWIDTH FULL STOP |
U +FE50 |
﹐ | PIENI PILKKU |
U +FE51 |
﹑ | PIENI IDEOLOGINEN PILKKU |
U +FE52 |
﹒ | PIENI TÄYSPYSÄKKI |
U +FF61 |
。 | HALFWIDTH IDEOGRAPHIC FULL STOP |
U +FF64 |
、 | HALFWIDTH IDEOGRAPHIC pilkku |
huomaa, että käyttäjäagentit voivat lisätä tähän luetteloon minkä tahansa merkin. Specin lainaaminen:
UA voi sisältää muita merkkejä tarpeen mukaan.
liittyvät ominaisuudet
text-indent
text-align
muut varat
-
hanging-punctuation
spec -
hanging-punctuation
CSS: llä Steve Hickey
Selaintuki
tämä selaimen tukitiedot ovat Caniuselta, jossa on enemmän yksityiskohtia. Numero osoittaa, että selain tukee ominaisuutta kyseisessä versiossa ja ylöspäin.
Työpöytä
Chrome | Firefox | IE | Edge | Safari |
---|---|---|---|---|
Ei | Ei | Ei | Ei | 10 |
matkapuhelin / tabletti
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
Ei | Ei | Ei | 10.0-10.2 |
kunnollinen varasuunnitelma tueta selain olisi käyttää negatiivista tekstiä-sisennys niin:
blockquote p { text-indent: -0.5em; /* Change according to your font */}
luotiluetteloissa kannattaa varmistaa, että luotien sijainti on asetettu arvoon outside
ja ettei kontin ylivuotoa aseteta arvoon hidden
.