Besedilo-podčrtaj-položaj - CSS-triki

Anonim

text-underline-positionLastnost določa postavitev poudarjajo na povezavah ali na besedila z text-decoration: underline;uporabna.

a ( text-underline-position: under; )

Vrednote

To so vrednosti, določene v priporočilu kandidata modula za okrasitev besedila W3C CSS 3. stopnje:

  • auto: privzeto. Brskalnik se bo odločil med postavitvijo podčrtaja na osnovno črto besedila ali pod njim.
  • inherit: podeduje podčrtani položaj starša.
  • under: podčrtaj pod besedilom doda dodaten prostor, da se prepreči prečkanje spustov.
  • left: za navpične načine pisanja. To postavi črto na levo od besedila.
  • right: za navpične načine pisanja. To postavi črto na desno od besedila.

Microsoft za Internet Explorer uporablja drugačen nabor vrednosti:

  • auto: privzeto. Pod besedilo postavi podčrtaj za vse jezike, razen japonščine (za podrobnosti glejte povezavo MSDN v spodnjem razdelku »Več informacij«).
  • above: postavi podčrtaj nad besedilo. Vizualno enaktext-decoration: overline;
  • below: postavi podčrtaj pod besedilo. Upoštevajte, da se to razlikuje od underspustnikov.
  • auto-posdeluje enako kot izvajanje DČ v sistemu MS auto.

Demo

V času pisanja tega text-underline-positionsta le delno podprta Chrome (33+ z omogočenimi poskusnimi zastavicami) in Internet Explorer 6+. Chrome podpira vrednosti auto, inheritin in undervrednosti iz priporočila za kandidata W3C, medtem ko IE podpira lastne nadomestne vrednosti.

Ta predstavitev prikazuje vrednosti underin belowvrednosti v brskalnikih, ki jih podpirajo.

Oglejte si položaj besedila podčrtaj pisala s strani CSS-Tricks (@ css-tricks) na CodePen.

Sorodno

  • okrasitev besedila

Več informacij

  • text-underline-position v modulu za okrasitev besedila CSS 3. stopnje CR.
  • text-underline-position na MSDN.

Podpora za brskalnik

Chrome Safari Firefox Opera IE Android iOS
33 * Nobenega Nobenega Nobenega 6 † Nobenega Nobenega

* s -webkitpredpono in poskusnimi zastavicami, omogočenimi v chrome: // flags. leftin rightvrednosti niso podprte.
† s -mspredpono in vrednostmi, specifičnimi za IE.