Text Decoration di CSS: Membuat dan Contoh Sintaknya

Pada tutorial kali ini pasti akan membahas persis bagaimana metode koordinat pesan teks pada CSS menggunakan textual content ornament. Pada CSS untuk koordinat textual content ornament dapat dilakukan menggunakan properti tempat tinggal decoration-text. Properti decoration-text sama dapat digunakan untuk menghapus textual content ornament berasal dari sebuah pesan teks.

Properti decoration-text dapat digunakan untuk membuat pesan teks underline, overline, dan line-through.

Sedangkan untuk menghapus ornament umumnya digunakan “text-decoration : none” seperti kesempatan dibawah ini.

Contoh menghapus ornament:

<!DOCTYPE html>
<html>
<head>
<type>
a {
  text-decoration: none;
}
</type>
</head>
<physique>

<p>Sebuah hyperlink tanpa lini produk mendasarkan (underline): <a href="https://dosenit.com">dosenit.com</a></p>

</physique>
</html>

Berikut ini adalah kesempatan penggunaan text-decoration untuk membuat pesan teks akhirnya menjadi overline, line-through, dan underline:

<!DOCTYPE html>
<html>
<head>
<type>
h1 {
  text-decoration: overline;
}

h2 {
  text-decoration: line-through;
}

h3 {
  text-decoration: underline;
}
</type>
</head>
<physique>

<h1>Ini heading 1</h1>
<h2>Ini heading 2</h2>
<h3>Ini heading 3</h3>

</physique>
</html>

Catatan: Tidak disarankan untuk menggarisbawahi sebuah pesan teks yang agak hyperlink, karena faktor tersebut umum membingungkan pemirsa.

Sekian pembahasan dan metode penggunaan ornament textual content pada CSS, mungkin bermanfaat.

Anda ringan menonton: Text Decoration di CSS: Membuat dan Contoh Sintaknya

Sumber: https://taylorswift10years.com

Kategori: Teknologi

Leave a Reply