Kohteen hanging-punctuationtarkoituksena on antaa web-suunnittelijoille tarkempi ja tarkempi hallinta verkossa olevasta typografiasta.
Välimerkkien ripustamisen idea on laittaa joitain välimerkkejä tekstin alkuaineiden alusta (tai vähemmässä määrin lopussa) laatikon ulkopuolelle lukuvirran säilyttämiseksi.
Pohjimmiltaan se siirtäisi lainausta, luettelomerkkiä tai mitä tahansa vasemmalle (tai oikealle rtltilassa) niin, että ensimmäinen kirjain on oikein linjassa muun asiakirjan kanssa.
Huomaa, että tämä ominaisuus on valinnainen, joten selaimen valmistajat saattavat tukea sitä tai eivät.
Syntaksi
hanging-punctuation: none | ( first || ( force-end | allow-end ) || last ) blockquote p ( hanging-punctuation: first; )none
Ei hahmoja roikkuu. Tämä on tämän ominaisuuden oletusarvo.
first
Käytettävissä oleva merkki elementin ensimmäisen alustetun rivin alussa jumittuu.
last
Käytettävissä oleva merkki elementin viimeisen muotoilun rivin lopussa jumittuu.
force-end
Pysäytys tai pilkku rivin lopussa roikkuu.
Välimerkit pakotetaan roikkumaan, eikä niitä oteta huomioon mitattaessa viivaa perusteluiksi.
allow-end
Pysäkki tai pilkku rivin lopussa roikkuu, jos se ei muuten sovi ennen perustelua.
Ensimmäisen rivin lopussa olevat välimerkit eivät roikku, koska ne sopivat ripustamatta. Toisella rivillä ei kuitenkaan ole tarpeeksi tilaa, joten se roikkuu.
Saatavilla olevat merkit
| Koodi | Merkki | Nimi |
|---|---|---|
U+002C | , | PILKKU |
U+002E | . | TÄYSI PYSÄHDYS |
U+060C | ، | ARABIAN KOMMA |
U+06D4 | ۔ | ARABINEN TÄYSPYSÄYTYS |
U+3001 | 、 | IDEOGRAFINEN KOMMA |
U+3002 | 。 | IDEOGRAFINEN TÄYSPYSÄYTYS |
U+FF0C | ， | TÄYDELLINEN KOMMA |
U+FF0E | ． | FULLWIDTH FULL STOP |
U+FE50 | ﹐ | PIENI KOMMA |
U+FE51 | ﹑ | PIENI IDEOGRAFINEN KOMMA |
U+FE52 | ﹒ | PIENI PYSÄYTYS |
U+FF61 | ｡ | HALFWIDTH IDEOGRAFINEN TÄYSPYSÄYTYS |
U+FF64 | ､ | HALFWIDTH IDEOGRAFINEN KOMMA |
Huomaa, että käyttäjäagentit saavat lisätä minkä tahansa merkin tähän luetteloon. Lainaten teknisiä tietoja:
UA voi sisältää muita merkkejä tarpeen mukaan.
Selaimen tuki
Nämä selaintukitiedot ovat Caniuselta, jolla on tarkempia tietoja. Numero osoittaa, että selain tukee ominaisuutta kyseisessä versiossa tai uudemmassa.
Työpöytä
| Kromi | Firefox | IE | Reuna | Safari |
|---|---|---|---|---|
| Ei | Ei | Ei | Ei | 10 |
Matkapuhelin / tabletti
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| Ei | Ei | Ei | 10,0-10,2 |
Hyvä tuki varattomalle selaimelle olisi käyttää negatiivista tekstin luetelmakohtaa sellaisenaan:
blockquote p ( text-indent: -0.5em; /* Change according to your font */ )Luetteloluetteloissa kannattaa ehkä varmistaa, että luettelomerkkien sijainti on asetettu outsideja että säiliön ylivuotoa ei ole asetettu hidden.