text-underline-positionVara seab paigutamine rõhutada linke või teksti text-decoration: underline;Applied.
a ( text-underline-position: under; )Väärtused
Need on W3C CSS-i tekstikaunistamise mooduli 3. taseme kandidaatide soovituses määratletud väärtused:
auto: vaikimisi. Brauser otsustab, kas asetada alakriips teksti algjoonele või selle alla.inherit: pärib vanema allajoonitud positsiooni.under: asetab allajoonimise teksti alla lisaruumiga, et vältida järeltulijate ületamist.left: vertikaalse kirjutamise režiimide jaoks. See asetab rea tekstist vasakule.right: vertikaalse kirjutamise režiimide jaoks. See asetab rea tekstist paremale.
Microsoft kasutab Internet Exploreri jaoks erinevat väärtuste komplekti:
auto: vaikimisi. Asetage alakriips teksti alla kõigi keelte jaoks, välja arvatud jaapani keel (lisateabe saamiseks vaadake MSDN-i linki jaotises "Lisateave").above: asetab joone alla teksti alla. Visuaalselt identnetext-decoration: overline;below: asetab allajoonimise teksti alla. Pange tähele, et see erinebunder- see ei tee järeltulijaid selgeks.auto-postöötab samamoodi nagu liikmesriikide rakendamineauto.
Demo
Selle kirjutamise ajal text-underline-positiontoetab seda Chrome (ainult 33+, kui katselised lipud on lubatud) ja Internet Explorer 6+ ainult osaliselt. Chrome toetab auto, inheritja underväärtused W3C kandidaat soovitus, samas IE toetab oma asendusliikme väärtusi.
See demo näitab neid toetavaid brausereid underja belowväärtusi.
Vaadake CodePenil CSS-Tricksi pliiatsi teksti allakriipsutamise positsiooni (@ css-tricks).
Seotud
- teksti kaunistamine
Rohkem informatsiooni
text-underline-positionCSS-i tekstikaunistamise moodulis 3. taseme CR.text-underline-positionMSDN-is.
Brauseri tugi
| Chrome | Safari | Firefox | Ooper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 33 * | Puudub | Puudub | Puudub | 6 † | Puudub | Puudub |
* -webkitChrome'is on lubatud prefiks ja katselipud: // lipud. leftja rightväärtusi ei toetata.
† -mseesliite ja IE-spetsiifiliste väärtustega.