CSS ความเนื้อหา
- หน้าก่อน @container
- หน้าต่อไป counter-increment
การกำหนดและการใช้งาน
แอตทริบิวต์ content ใช้ร่วมกับ :before และ :after โปรไฟล์สำหรับการใส่เนื้อหาที่สร้างขึ้น.
คำอธิบาย
แอตทริบิวต์นี้ใช้เพื่อกำหนดเนื้อหาที่สร้างขึ้นที่ใช้สำหรับตำแหน่งก่อนหรือหลังประกายองค์ประกอบ. โดยเฉพาะแล้วนั้นเป็นเนื้อหาแบบอินไลน์ แต่ประเภทของกล่องที่สร้างขึ้นนี้สามารถควบคุมด้วยแอตทริบิวต์ display.
ดูเพิ่มเติมที่:
คู่มือ CSSCSS :before ประกาย
คู่มือ CSSCSS :after ประกาย
คู่มือ HTML DOMแอตทริบิวต์ content
ตัวอย่าง
ตัวอย่างดังต่อไปนี้เพิ่มข้อความหลังจากลิงก์ด้วย URL ในวงเล็บ:
a:after
{
content: " (" attr(href) ")";
}
CSS ระบบเขียน
content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;
ค่าของแอตทริบิวต์
| ค่า | คำอธิบาย |
|---|---|
| none | |
| normal | |
| specifications of content | |
| inherit | กำหนดให้มีค่าจากอัตรายะส่วนของตัวปลูกฝัง content โดยเฉพาะ。 |
รายละเอียดเทคโนโลยี
| ค่าเริ่มต้น: | normal |
|---|---|
| การสืบทอด: | no |
| เวอร์ชั่น: | CSS2 |
| JavaScript ระบบเขียน: | object.style.content="url(beep.wav)" |
การสนับสนุนโปรแกรมบราวเซอร์
ตัวเลขในตารางระบุว่าเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 8.0 | 1.0 | 1.0 | 4.0 |
- หน้าก่อน @container
- หน้าต่อไป counter-increment
