ฟังก์ชัน attr

ฟังก์ชัน attr ช่วยให้สามารถรับค่าแอตทริบิวต์ของแท็ก HTML ใน CSS ได้

ไวยากรณ์

ตัวเลือก {
	คุณสมบัติ: attr(ชื่อ, ประเภท, ค่า);
}

พารามิเตอร์	คำอธิบาย
ชื่อ	ชื่อแอตทริบิวต์ขององค์ประกอบที่ส่งผ่านไปยัง CSS
ประเภท	ประเภทค่าของคุณสมบัติ CSS คำสำคัญที่อนุญาตได้แก่: `string` (สตริง), `color` (สี), `url` (ที่อยู่เว็บ), `integer` (จำนวนเต็ม), `number` (จำนวนจริง), `angle` (มุม), `time` (เวลา), `deg` (องศา), รวมถึงหน่วย CSS ต่าง ๆ เช่น `em`, `px` และอื่น ๆ
ค่า	ค่าที่จะใช้ในกรณีที่ไม่มีแอตทริบิวต์ หรือเบราว์เซอร์ไม่สามารถรับค่าดังกล่าวได้

ลองแสดงค่าของแอตทริบิวต์ href ของลิงก์ในวงเล็บหลังจากข้อความลิงก์:

<a href="http://google.com">ลิงก์</a>

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