Text Decoration
TEXT DECORATION
Apa itu text decoration
Text decoration adalah sebuah property css yang berfungsi untuk memberi garis bawah terhadap suatu element. ada beberapa value untuk text decoration ini yaitu :
- none
- underline
- line through
- overline
Langsung saja ke demonya
- none
a {
text-decoration: none;
}
Biasanya text-decoration: none berfungsi untuk menghilangkan garis bawah pada sebuah <a>atau link.
- underline
h3 {
text-decoration: underline;
}
Fungsinya untuk menggaris bawahi sebuah element.
- line through
h3 {
text-decoration: line-through;
}
Fungsinya untuk memberikan garis di tengah-tengah element.
Demo
- overline
h2 {
text-decoration: overline;
}
Fungisnya untuk memberikan garis di atas kalimat.