CSS attr() 함수

정의와 사용법

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

다음 예제는 각 <a> 요소 뒤에 href 속성의 값을 삽입하고 괄호로 감싼 것입니다：

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

attr(attribute-name type fallback)

값	설명
attribute-name	필수 사항입니다. HTML 요소의 속성 이름입니다。
type	선택 사항입니다. 속성 값의 타입이나 단위입니다. 다음 중 하나일 수 있습니다： string color url integer number length angle em, ex, px, rem, vw, vh, vmin, vmax, mm, cm, in, pt 또는 pc deg, grad, rad time s, ms Hz, kHz % frequency
fallback	선택 사항입니다. 속성이 누락되거나 잘못된 값이 포함되었을 때의 대체 값입니다。

값

설명

attribute-name

필수 사항입니다. HTML 요소의 속성 이름입니다。

type

선택 사항입니다. 속성 값의 타입이나 단위입니다. 다음 중 하나일 수 있습니다：

fallback

선택 사항입니다. 속성이 누락되거나 잘못된 값이 포함되었을 때의 대체 값입니다。

버전：	CSS2

표格에 나타난 숫자는 이 함수를 최초로 완전히 지원하는 브라우저 버전을 나타냅니다。

크롬	에지	파이어폭스	사파리	오페라
attr()
2	8	1	3.1	9
type 값
지원하지 않음	지원하지 않음	지원하지 않음	지원하지 않음	지원하지 않음
fallback 값
지원하지 않음	지원하지 않음	119	지원하지 않음	지원하지 않음