Text-underline-position - CSS-temppuja

Anonim

text-underline-positionOminaisuus asettaa sijoittaminen alleviivaamalla linkkien tai tekstin text-decoration: underline;sovellettu.

a ( text-underline-position: under; )

Arvot

Nämä ovat arvot, jotka on määritelty W3C CSS -tekstikoristelumoduulin tason 3 ehdokkaiden suosituksessa:

  • auto: oletusarvo. Selain päättää, asetetaanko alleviiva tekstin perusviivaan vai sen alle.
  • inherit: perii vanhemman alleviivatun sijainnin.
  • under: sijoittaa alleviivauksen tekstin alle ylimääräisellä välilyönnillä estääkseen jälkeläisiä.
  • left: pystysuuntaisille kirjoitustiloille. Tämä sijoittaa rivin tekstin vasemmalle puolelle.
  • right: pystysuuntaisille kirjoitustiloille. Tämä sijoittaa rivin tekstin oikealle puolelle.

Microsoft käyttää eri arvojoukkoja Internet Explorerissa:

  • auto: oletusarvo. Sijoita alleviiva tekstin alle kaikille kielille paitsi japanille (katso lisätietoja MSDN-linkistä ”Lisätietoja” -osassa).
  • above: sijoittaa alleviivauksen tekstin yläpuolelle. Visuaalisesti identtinentext-decoration: overline;
  • below: sijoittaa alleviivauksen tekstin alle. Huomaa, että tämä eroaa under- se ei poista jälkeläisiä.
  • auto-postoimii samalla tavalla kuin MS: n täytäntöönpano auto.

Demo

Tämän kirjoituksen text-underline-positionaikaan Chrome (vain 33+ ja kokeelliset liput käytössä) ja Internet Explorer 6+ tukevat vain osittain. Chrome tukee auto, inheritja underarvot W3C ehdokas suosituksen, vaikka IE tukee omaa vuorottelevat arvot.

Tämä esittely näyttää underja belowtukevat selaimet ja arvot.

Katso CSS-Tricksin kynän teksti-alleviiva-sijainti (@ css-tricks) CodePenistä.

Liittyvät

  • tekstikoristelu

Lisää tietoa

  • text-underline-position CSS-tekstikoristelumoduulissa, taso 3 CR.
  • text-underline-position MSDN: ssä.

Selaimen tuki

Kromi Safari Firefox Ooppera IE Android iOS
33 * Ei mitään Ei mitään Ei mitään 6 † Ei mitään Ei mitään

* jossa -webkitetuliite ja kokeelliset liput ovat käytössä chrome: // flags -ohjelmassa. leftja rightarvoja ei tueta.
† -msetuliitteellä ja IE-spesifisillä arvoilla.