목록After (1)

< Code diaries />

data-* 속성을 css로 불러들이기

오늘  HTML 소스에서 data-* 속성을 적는다.text  CSS에서 attr() 을 이용하여 불러들일 수 있다.attr()은 content에서만 사용할 수 있으며, 동적으로 요소의 속성 값을 가져올 수 있음.h1::after { content: attr(data-title); color: red; font-size: 16px;}// 결과 helloh1::before { content: "Prefix - " attr(data-title); font-weight: bold; color: blue;}// 결과 "Prefix - hello"h1::after { content: " (" attr(data-title) ")"; font-size: 14px; color: gray;}// 결과 (..
CSS - Advanced 2025. 3. 2. 15:08
이전 Prev 1 Next 다음