logo

Cum se subliniază textul în CSS?

Proprietate de decorare text CSS: -

Sublinierea poate fi folosită pentru a evidenția textul important. Elementul U și proprietatea de decorare a textului CSS sunt cele mai utilizate tehnici pentru a sublinia textul pe paginile web.

Ambele sunt ușor de utilizat, dar elementul U oferă valoare semantică semnificației. Un altul poate fi afișat la cerere, simplificând schimbarea stării de subliniere prin simpla adăugare de clase CSS la text.

Dacă subliniile sunt sau nu utile pentru a exprima sensul sau accesibilitatea este o chestiune de dezbatere. Sublinierea reprezintă o abordare naturală pentru a oferi o valoare mai mare experienței utilizatorului atunci când culoarea nu este suficientă pentru a exprima sensul.

Atributul text-decoration oferă o modalitate alternativă de subliniere a textului. Textul hyperlink poate fi folosit și pentru a înlocui sublinierea cu supralinie.

O supralinie este opusul sublinierii. O linie este adăugată în partea de sus a textului.

Putem folosi toate valorile de subliniere și supraliniere pentru aceeași definiție de clasă. Proprietatea text-decor guvernează modul în care textul este prezentat în mai multe moduri. Când text-decor este setat la subliniat, textul din interiorul componentei este subliniat.

Decorarea textului Proprietățile CSS sunt fantastice pentru text, dar pot fi limitate în ceea ce privește designul și nu sunt aplicabile tipurilor de conținut non-text. Sublinierea pot fi create și cu atribute de bordura CSS.

setați java

Atributul text-decor este cel mai elementar mod de a sublinia textul. Cel mai semnificativ dezavantaj al decorațiunii de text este că nu este configurabil.

Proprietatea text-decorare folosește sublinierea, supralinierea, trecerea prin linie sau o combinație de linii pentru a evidenția textul selectat.

Conținutul este subliniat folosind atributul text-decoration-line. Overline, subline și line-through sunt cele trei opțiuni pentru acest atribut. În CSS, sublinierea atributului este folosită pentru a evidenția textul. Sublinierea este trasă sub textul inline cu această valoare.

Printre elementele de text descendente sunt desenate decorațiuni de text. Aceasta implică faptul că atunci când un element definește un decor text, decorul nu poate fi eliminat de un element copil.

funcția java subșir

Nu există nicio linie trasată și orice decorațiuni existente sunt șterse.

Subliniere: o linie de 1 px este trasată peste linia de bază a textului.

Line-through: în punctul „de mijloc” al textului, inserează o linie de 1 px peste el.

Overline: adaugă o linie de 1 px direct deasupra punctului „de sus” al textului de-a lungul textului.

Moşteni: moștenește decorația părintelui.

Decorarea textului este specificată prin proprietatea text-decoration, care este o caracteristică scurtă pentru:

  • text-decoration-line (obligatoriu)
  • text-decor-culoare
  • text-decor-stil
  • text-decor-grosime

supraliniere, subliniere, subliniere-supraliniare, line-through vine sub text-decorare-line.

Solid, punctat, punctat, ondulat, dublu se încadrează în stilul text-decor.

Culoarea în valoare zecimală, valoare hexazecimală sau moștenire vine sub text-decorare-culoare.

șir de matrice în c

Proprietatea bordur-bottom este o alternativă la decorarea textului. De asemenea, putem folosi marginea de jos pentru a oferi umplutură.

Sintaxă: -

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

Să căutăm acum un exemplu și să înțelegem utilizarea proprietății text-decor.

Text-decor: subliniat supraliniu

Exemplu: -

 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> 

Ieșire:

Cum se subliniază textul în CSS?