ตัวอย่าง
ตัวอย่างต่อไปนี้แทรกค่าของ href แอตทริบิวต์ในวงเล็บหลังจากแต่ละ Link:
a:after {
content: " (" attr(href) ")";
}
ลองตัวเอง» ความหมายและการใช้งาน
attr() ฟังก์ชันส่งกลับค่าของแอตทริบิวต์ขององค์ประกอบที่เลือกนั้น
ค่าที่สามารถนำมาใช้ในรูปแบบแผ่น
เวอร์ชัน: | CSS2 |
---|
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่รองรับฟังก์ชั่น
ฟังก์ชัน | |||||
---|---|---|---|---|---|
attr() | 2.0 | 8.0 | 1.0 | 3.1 | 9.0 |
หมายเหตุ: IE8 สนับสนุน attr() ฟังก์ชั่นเฉพาะในกรณีที่ประเภทเอกสารที่ระบุไว้!
CSS ไวยากรณ์
attr( attribute-name )
ความคุ้มค่า | ลักษณะ |
---|---|
attribute-name | จำเป็นต้องใช้ ชื่อของแอตทริบิวต์ของ HTML ได้ element(s) |
<ฟังก์ชั่น CSS อ้างอิง