Text-underline-position - CSS-gudrybės

Anonim

text-underline-positionNuosavybė nustato, kad pabraukti ant nuorodos arba teksto rodymas text-decoration: underline;taikomas.

a ( text-underline-position: under; )

Vertybės

Tai yra vertės, nurodytos W3C CSS teksto dekoravimo modulio 3 lygio kandidatų rekomendacijose:

  • auto: numatytasis. Naršyklė nuspręs, ar įdėti pabraukimą ties pagrindine teksto linija, ar po juo.
  • inherit: paveldi pabraukiamą tėvo padėtį.
  • under: po tekstu dedamas pabraukimas su papildoma erdve, kad nebūtų kirsti palikuonys.
  • left: vertikalaus rašymo režimams. Taip eilutė dedama į kairę nuo teksto.
  • right: vertikalaus rašymo režimams. Taip eilutė dedama į dešinę nuo teksto.

„Microsoft“ naudoja kitą „Internet Explorer“ reikšmių rinkinį:

  • auto: numatytasis. Įterpkite pabraukimą po tekstu visomis kalbomis, išskyrus japonų kalbą (išsamesnės informacijos žr. MSDN nuorodą skyriuje „Daugiau informacijos“).
  • above: nukreipia pabraukimą virš teksto. Vizualiai tapatustext-decoration: overline;
  • below: pabraukia po tekstu. Atkreipkite dėmesį, kad tai skiriasi nuo under- tai nepaaiškins palikuonių.
  • auto-posveikia taip pat, kaip ir valstybės narės auto.

Demonstracija

Šio rašymo metu text-underline-position„Chrome“ (33+ ir su įgalintomis eksperimentinėmis vėliavomis) ir „Internet Explorer 6+“ palaiko tik iš dalies. "Chrome palaiko auto, inheritir undervertybes iš W3C kandidatės rekomendaciją, o IE palaiko savo pakaitinių verčių.

Šioje demonstracijoje rodomos jas palaikančios naršyklės underir belowvertės.

Peržiūrėkite CSS-Tricks (@ css-tricks) „Pen“ teksto pabraukimo poziciją „CodePen“.

Susijęs

  • teksto dekoravimas

Daugiau informacijos

  • text-underline-position CSS 3 lygio CR teksto dekoravimo modulyje.
  • text-underline-position MSDN.

Naršyklės palaikymas

„Chrome“ „Safari“ „Firefox“ Opera T.Y „Android“ „iOS“
33 * Nė vienas Nė vienas Nė vienas 6 † Nė vienas Nė vienas

* su -webkitprefiksu ir eksperimentinėmis vėliavomis, įgalintomis chrome: // flags. leftir rightvertybės nepalaikomos.
† su -mspriešdėlio ir IE reikšmėmis.