Deskripsi
The : lini pertama pseudo-elemen digunakan untuk menambah efek khusus untuk baris pertama dari teks.
Properti berikut berlaku untuk elemen pseudo- ini -
- properti font
- sifat warna
- properti latar belakang
- word-spacing
- letter-spacing
- text-decoration
- vertical-align
- text-transform
- line-height
- clear
Contoh
Berikut adalah contoh yang menunjukkan cara menggunakan : elemen baris pertama untuk menambahkan efek khusus ke baris pertama elemen dalam dokumen.
<html>
<head>
<style type = "text/css">
p:first-line { text-decoration: underline; }
p.noline:first-line { text-decoration: none; }
</style>
</head>
<body>
<p class = "noline">
This line would not have any underline because this belongs
to nline class.
</p>
<p>
The first line of this paragraph will be underlined as defined in the
CSS rule above. Rest of the lines in this paragraph will remain normal.
This example shows how to use :first-line pseduo element to give effect
to the first line of any HTML element.
</p>
</body>
</html>
Ini akan menghasilkan tautan hitam berikut -