Rumah > Artikel > hujung hadapan web > Apa yang boleh diletakkan dalam atribut kandungan selepas dalam css3
Apa yang boleh diletakkan dalam atribut kandungan selepas dalam css3
- WBOYasal
- 2022-06-07 17:07:023019semak imbas
Atribut kandungan unsur pseudo ":selepas" dalam css3: 1. Tetapkan kepada tiada nilai nol 2. Tetapkan kepada normal, yang akan dianggap sebagai tiada nilai nol 3. Pembilang menetapkan pembilang dan kandungan yang dihasilkan Ia adalah kiraan julat minimum nama yang ditentukan oleh elemen kelas pseudo 4. Tetapkan kepada kandungan teks rentetan 5. Tetapkan kepada "petik terbuka" sebelum tanda petikan; tutup petikan" selepas tanda petikan, dsb.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Atribut kandungan selepas dalam CSS3
Atribut kandungan digunakan bersama dengan elemen pseudo :sebelum dan :selepas untuk memasukkan kandungan.
Format sintaks:
content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;
Nilai yang mungkin:
tiada Tetapkan kandungan kepada nilai nol.
normal akan dianggap sebagai tiada dalam :sebelum dan :selepas elemen kelas pseudo, iaitu, ia juga merupakan nilai nol.
kaunter menetapkan kaunter, format boleh jadi kaunter(nama) atau kaunter(nama,gaya). Kandungan yang dijana ialah kiraan julat terkecil bagi nama tertentu unsur kelas pseudo; format ditentukan mengikut gaya (lalai ialah 'perpuluhan' - nombor perpuluhan)
attr(atribut) akan atribut atribut elemen dikembalikan sebagai rentetan. .
rentetan Tetapkan kandungan teks
buka-buka Tetapkan petikan hadapan
tutup petikan set Petikan belakang
tiada petikan terbuka Alih keluar petikan pembukaan kandungan
tanpa petikan tutup Alih keluar petikan penutup kandungan
url(url) Tetapkan alamat pautan media tertentu (imej, bunyi, video, dll.)
Contohnya adalah seperti berikut:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
p:before {
content:"天王盖地虎- ";
}
p#testID:before {
content:none;
}
</style>
</head>
<body>
<p>宝塔镇河妖</p>
<p id="testID">强的很！！！</p>
</body>
</html>Hasil keluaran:
Contoh adalah seperti berikut:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
p::before {
content: open-quote;
}
p::after {
content: close-quote;
}
</style>
</head>
<body>
<p>天王盖地虎-宝塔镇河妖</p>
</body>
</html>Hasil keluaran:
(Belajar perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Apa yang boleh diletakkan dalam atribut kandungan selepas dalam css3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!