프론트엔드-코드/CSS

attr() 함수

sdafdq 2023. 9. 6. 14:17

이거는 css의 attr() 함수인데,

 

자신의 속성의 값을 문자열로 가져오는 거다.

 

 

 

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

이렇게 하면 href에 있는 값을 content로써 넣는다.

속성명에 작은따옴표 X

 

 

 

 

$$divs.forEach(($div, i)=>{
  $div.setAttribute('data-list', '하이');
});

이렇게 커스텀속성으로 응용도 가능.

근데 굳이 쓸 필요가 있을지는 모르겠다..

 

'프론트엔드-코드 > CSS' 카테고리의 다른 글

멀티배경  (0) 2023.09.08
::after, ::before 가상선택자  (0) 2023.09.06
hover 기기간 차이 문제  (0) 2023.09.06
... 말줄임  (0) 2023.09.06
카드 디자인  (0) 2023.09.06