text-underline-position
Vara 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-pos
töötab samamoodi nagu liikmesriikide rakendamineauto
.
Demo
Selle kirjutamise ajal text-underline-position
toetab seda Chrome (ainult 33+, kui katselised lipud on lubatud) ja Internet Explorer 6+ ainult osaliselt. Chrome toetab auto
, inherit
ja under
väärtused W3C kandidaat soovitus, samas IE toetab oma asendusliikme väärtusi.
See demo näitab neid toetavaid brausereid under
ja below
väärtusi.
Vaadake CodePenil CSS-Tricksi pliiatsi teksti allakriipsutamise positsiooni (@ css-tricks).
Seotud
- teksti kaunistamine
Rohkem informatsiooni
text-underline-position
CSS-i tekstikaunistamise moodulis 3. taseme CR.text-underline-position
MSDN-is.
Brauseri tugi
Chrome | Safari | Firefox | Ooper | IE | Android | iOS |
---|---|---|---|---|---|---|
33 * | Puudub | Puudub | Puudub | 6 † | Puudub | Puudub |
* -webkit
Chrome'is on lubatud prefiks ja katselipud: // lipud. left
ja right
väärtusi ei toetata.
† -ms
eesliite ja IE-spetsiifiliste väärtustega.