ฟังก์ชัน attr() ของ CSS

การเขียนและการใช้งาน

CSS ของ attr() ฟังก์ชันนี้กลับค่าคุณสมบัติขององค์ประกอบที่เลือก

ตัวอย่างดังนี้ทำให้มีค่าของ href ถูกใส่หลังจากองค์ประกอบ <a> และใช้วงล้อมรอบ

a:after {
  content: " (" attr(href) ")";
}

attr(attribute-name type fallback)

ค่า	รายละเอียด
attribute-name	จำเป็น。ชื่อคุณสมบัติขององค์ประกอบ HTML
type	เลือกตั้ง。ชนิดหรือหน่วยของค่าทางที่อาจเป็นตัวเลือกต่อไปนี้： ข้อความ สี url ตัวเลขเต็ม ตัวเลข ความยาว มุม em、ex、px、rem、vw、vh、vmin、vmax、mm、cm、in、pt หรือ pc deg、grad、rad เวลา s、ms Hz、kHz % ความเร็ว
fallback	เลือกตั้ง。ค่าทดแทนถ้าคุณหลังเลือกมีค่าที่ไม่ถูกต้องหรือหายไป

ค่า

รายละเอียด

attribute-name

จำเป็น。ชื่อคุณสมบัติขององค์ประกอบ HTML

type

เลือกตั้ง。ชนิดหรือหน่วยของค่าทางที่อาจเป็นตัวเลือกต่อไปนี้：

fallback

เลือกตั้ง。ค่าทดแทนถ้าคุณหลังเลือกมีค่าที่ไม่ถูกต้องหรือหายไป

เวอร์ชั่น：	CSS2

ตัวเลขในตารางนี้แสดงการรองรับครั้งแรกของเครื่องนี้ต่อฟังก์ชันนี้

เชิร์น	เอดจ์	ไฟร็อกซ์	เซฟารี่	ออเปร่า
attr()
2	8	1	3.1	9
type ค่า
ไม่สนับสนุน	ไม่สนับสนุน	ไม่สนับสนุน	ไม่สนับสนุน	ไม่สนับสนุน
fallback ค่า
ไม่สนับสนุน	ไม่สนับสนุน	119	ไม่สนับสนุน	ไม่สนับสนุน