CSS 참조 매뉴얼

CSS @규칙(RULES)

CSS 속성 전체 목록

CSS attr() 함수

CSS 표현식 attr()은 선택된 요소의 특정 HTML 속성 값을 가져와 스타일에 사용합니다. 이는 가상 요소에도 사용되며, 속성 값은 가상 요소가 의존하는 요소를 사용합니다. attr() 표현식은 어떤 CSS 속성에도 사용될 수 있습니다.

CSS 함수

온라인 예제

다음 예제는 각 링크 뒤에 내용을 삽입합니다：

예제

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>기본 교육(oldtoolbag.com)</title>　
<style>
a:after　{content:　"　("　attr(href)　")";}
</style>
</head>
<body>
<p><a　href="//ko.oldtoolbag.com">기본 교육</a></p>
<p><a　href="//ko.oldtoolbag.com/html/">HTML　교육</a></p>
<p><strong>주의:</strong>　IE8　attr() 함수를 지원하기 위해 !DOCTYPE를 선언해야 합니다.</p>
</body>
</html>

시험해 보세요 ‹/›

정의와 사용법

attr() 함수는 선택된 요소의 속성 값을 반환합니다.

지원 버전: CSS2

브라우저 호환성

표에서의 숫자는 이 함수를 지원하는 첫 번째 브라우저 버전 번호를 나타냅니다.

함수
attr()	2.0	8.0	1.0	3.1	9.0

주의: IE8 attr() 함수를 지원하기 위해 !DOCTYPE를 선언해야 합니다.

CSS 문법

문법:　attr(　attribute-name　<type-또는-unit>?　[,　<fallback>　]?　)

값	설명
attribute-name	필수. HTML 요소의 속성 이름.

CSS 함수

CSS @charset 규칙 CSS 함수(Function)