roikkuva välimerkki

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.

kuva tästä artikkelista Steve Hickey

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.

You might also like

Vastaa

Sähköpostiosoitettasi ei julkaista.