Szöveg aláhúzás CSS segítségével (CSS underline)

Ebből a cikkből az aláhúzás módját tanulhatod meg CSS segítségével. Ezt angolul CSS underline néven szokás emlegetni.

Szöveg aláhúzás CSS segítségével (CSS underline) cikk nyitóképe

Szöveg aláhúzás CSS segítségével (CSS underline)

Ha szeretnénk aláhúzni valamilyen szöveget CSS segítségével, akkor szerencsénk van, hiszen erre is van beépített megoldás a CSS-ben. Ahhoz, hogy a kívánt szöveget alá tudjuk húzni a CSS text-decoration tulajdonságát kell használnunk.

CSS aláhúzás szintaktikája

text-decoration: underline;
Code language: HTTP (http)

Az aláhúzás igénybevételéhez a text-decoration tulajdonság underline értékét kell használni.

Példa aláhúzásra

CSS kód

p {
  text-decoration: underline;
}
Code language: CSS (css)

Eredmény

Aláhúzott szöveg.

>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<

A text-decoration:underline; utasítást bármilyen szövegelemen használhatod, például p, h1 stb.

Ha hasznos volt számodra, akkor kérlek oszd meg másokkal is, hogy ezzel támogass minket!