Tekst-podvlačenje-položaj - CSS-trikovi

Anonim

text-underline-positionSvojstvo postavlja plasman u podcrtavanja na linkova ili na tekst s text-decoration: underline;primijenjeno.

a ( text-underline-position: under; )

Vrijednosti

Ovo su vrijednosti navedene u preporuci kandidata za modul za ukrašavanje teksta W3C CSS, razina 3:

  • auto: zadani. Preglednik će odlučiti između postavljanja podcrtavanja na osnovnu liniju teksta ili ispod njega.
  • inherit: nasljeđuje podcrtani položaj roditelja.
  • under: stavlja podcrtano ispod teksta s dodatnim razmakom kako bi se spriječilo prelazak nizbrdo.
  • left: za vertikalne načine pisanja. Ovo postavlja redak lijevo od teksta.
  • right: za vertikalne načine pisanja. Ovo postavlja redak desno od teksta.

Microsoft koristi drugačiji skup vrijednosti za Internet Explorer:

  • auto: zadani. Ispod teksta stavlja podcrtavanje za sve jezike, osim japanskog (za detalje pogledajte vezu MSDN u odjeljku "Više informacija" u nastavku).
  • above: postavlja podvlaku iznad teksta. Vizualno identičantext-decoration: overline;
  • below: postavlja podvlaku ispod teksta. Imajte na umu da se to razlikuje od under- neće obrisati potomke.
  • auto-posradi isto kao implementacija MS-a od auto.

Demo

U vrijeme pisanja ovog teksta, text-underline-positionsamo djelomično podržavaju Chrome (33+ s omogućenim eksperimentalnim zastavicama) i Internet Explorer 6+. Chrome podržava vrijednosti auto, inheriti i undervrijednosti iz preporuke kandidata za W3C, dok IE podržava vlastite zamjenske vrijednosti.

Ova demonstracija prikazuje vrijednosti underi belowvrijednosti u preglednicima koji ih podržavaju.

Pogledajte položaj podvlačenja teksta olovke od strane CSS-trikova (@ css-trikovi) na CodePenu.

Povezano

  • tekst-ukras

Više informacija

  • text-underline-position u CSS modulu za ukrašavanje teksta razina 3 CR.
  • text-underline-position na MSDN-u.

Podrška preglednika

Krom Safari Firefox Opera IE Android iOS
33 * Nijedna Nijedna Nijedna 6 † Nijedna Nijedna

* s -webkitomogućenim prefiksom i eksperimentalnim zastavicama u chrome: // flags. lefta rightvrijednosti nisu podržane.
† s -msprefiksom i vrijednostima specifičnim za IE.