Elaun ::before CSS

Definisi dan penggunaan

CSS ::before Elaun digunakan untuk sisipkan beberapa kandungan di sebelum kandungan elemen yang ditentukan.

Gunakan content Atribut menentukan kandungan yang akan disisipkan. Nilai content boleh adalah：

• String: content: "Hello world!";
• Gambar: content: url(myimage.jpg);
• Tiada kandungan: content: none;
• Penyunting: content: counter(li);
• Petikan: content: open-quote;
• Nilai atribut: content: " (" attr(href) ")";

Petikan:Perhatian: Kandungan yang disisipkan masih berada di dalam elemen yang ditentukan. Kandungan yang disisipkan akan ditambahkan di sebelum kandungan lain di dalam elemen.

Gunakan ::after Sisipkan beberapa kandungan di sebelum kandungan elemen yang ditentukan.

Contoh

Contoh 1

Sisipkan string di sebelum kandungan <p> setiap elemen：

p::before {
  content: "Baca ini: ";
}

Cuba sendiri

Contoh 2

Sisipkan string di sebelum kandungan <p> setiap elemen, dan tetapkan gaya kandungan yang disisipkan：

p::before {
  content: "Baca ini -";
  background-color: yellow;
  color: red;
  font-weight: bold;
}

Cuba sendiri

Bentuk CSS

::before {
  pernyataan css;
}

Butir teknikal

Pendukung perekap

Nombor di dalam tabel menunjukkan versi perekap yang pertama yang sepenuhnya mendukung elaun ini.

Laman yang berkaitan

Panduan：Elaun CSS

Rujukan：Elaun ::after