logo

Kaip pabraukti tekstą CSS?

CSS teksto dekoravimo ypatybė: -

Pabraukimai gali būti naudojami svarbiam tekstui paryškinti. U elementas ir CSS teksto dekoravimo ypatybė yra du dažniausiai naudojami būdai pabraukti tekstą tinklalapiuose.

Abu yra nesudėtingi naudoti, tačiau U elementas suteikia prasmės semantinę vertę. Kitas gali būti rodomas pagal poreikį, todėl paprasta pakeisti pabraukimo būseną tiesiog įtraukiant į tekstą CSS klases.

Ar pabraukimai yra naudingi norint išreikšti prasmę ar prieinamumą, yra diskusijų klausimas. Pabraukimai – tai natūralus būdas pasiūlyti didesnę vartotojo patirtį, kai vien spalvos nepakanka prasmei išreikšti.

Teksto dekoravimo atributas yra alternatyvus būdas pabraukti tekstą. Hipersaito tekstas taip pat gali būti naudojamas pabraukimams pakeisti perbraukiant.

Pabraukimas yra priešingas pabraukimui. Teksto viršuje pridedama eilutė.

Tam pačiam klasės apibrėžimui galime naudoti visas pabraukimo ir pabraukimo reikšmes. Teksto dekoravimo ypatybė reguliuoja, kaip tekstas pateikiamas keliais būdais. Kai teksto dekoravimas yra pabrauktas, komponento viduje esantis tekstas yra pabrauktas.

Teksto dekoravimo CSS ypatybės puikiai tinka tekstui, tačiau jos gali būti apribotos dizaino požiūriu ir netaikomos ne teksto turinio tipams. Pabraukimus taip pat galima sukurti naudojant CSS kraštinių atributus.

python // operatorius

Teksto dekoravimo atributas yra paprasčiausias būdas pabraukti tekstą. Reikšmingiausias teksto dekoravimo trūkumas yra tai, kad jo negalima konfigūruoti.

Teksto dekoravimo ypatybė naudoja pabraukimą, perbraukimą, perbraukimą arba eilučių derinį, kad paryškintų pasirinktą tekstą.

Turinys pabrauktas naudojant atributą text-decoration-line. Pabraukti, pabraukti ir perbraukti yra trys šio atributo parinktys. CSS atributas pabrauktas naudojamas tekstui paryškinti. Pabraukimas nupieštas po eilutiniu tekstu su šia reikšme.

Skersai palikuonių teksto elementų piešiamos teksto dekoracijos. Tai reiškia, kad kai elementas apibrėžia teksto puošmeną, antrinis elementas negali pašalinti dekoracijos.

objektas json java

Nėra nubrėžta linija, o visi esami papuošimai ištrinami.

Pabraukimas: 1 pikselio linija nubrėžiama per pagrindinę teksto liniją.

Linija: teksto „viduriniame“ taške įterpia 1 pikselio eilutę.

Overline: prideda 1 pikselio eilutę tiesiai virš teksto „viršutinio“ taško visame tekste.

Paveldėti: paveldi tėvų puošmeną.

Teksto dekoravimas nurodomas per teksto dekoravimo ypatybę, kuri yra trumpalaikė charakteristika:

  • teksto dekoravimo eilutė (būtina)
  • tekstas-dekoracija-spalva
  • tekstas-dekoravimo-stilius
  • tekstas-dekoracija-storis

perbraukimas, pabraukimas, pabraukimas-perbraukimas, perbraukimas patenka į teksto dekoravimo eilutę.

Tvirtas, punktyrinis, brūkšninis, banguotas, dvigubas yra teksto dekoravimo stilius.

mvc su java

Spalva dešimtaine verte, šešioliktaine reikšme arba paveldima spalva yra įtraukta į teksto dekoravimo spalvą.

Apatinė kraštinė yra alternatyva teksto dekoravimui. Taip pat galime naudoti kraštinės apačią, kad pateiktume kamšalą.

Sintaksė: -

 text-decoration: text-decoration-line | text-decoration-color | text-decoration-style | text-decoration-thickness 

Dabar pažiūrėkime į pavyzdį ir supraskime teksto dekoravimo nuosavybės naudojimą.

Teksto dekoravimas: pabraukimas perbraukiamas

Pavyzdys: -

 h1 { text-decoration: underline overline dotted purple; } h3 { text-decoration: underline wavy cyan 10px;} <h2>This is an example of text decoration property color using underline overline. </h2> <h3>This is an example of text decoration property color using line-through. </h3> 

Išvestis:

Kaip pabraukti tekstą CSS?