CSS ::sebelum Pemilih
Contoh
Sisipkan beberapa teks sebelum konten setiap elemen <p>:
p::before
{
content: "Read this: ";
}
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Pemilih ::before
menyisipkan sesuatu sebelum konten setiap elemen yang dipilih.
Gunakan properti konten untuk menentukan konten yang akan disisipkan.
Gunakan pemilih ::after untuk menyisipkan sesuatu setelah konten.
Versi: kapan: | CSS2 |
---|
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung pemilih.
Selector | |||||
---|---|---|---|---|---|
::before | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
Sintaks CSS
::before {
css declarations;
}
Lebih Banyak Contoh
Contoh
Sisipkan konten sebelum setiap konten elemen <p>, dan gaya konten yang disisipkan:
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
Halaman Terkait
Tutorial CSS: Elemen Pseudo CSS
Referensi Pemilih CSS: CSS ::setelah pemilih