불

CSS에 attr 함수에 대해

· 2012-09-18 (화) 14:16:31 · 4194 · 3
이게 css3용인 줄알았지만.

css2용인가 봅니다.
IE8부터 적용되는게 확인되었고.
크롬에서 됩니다.(크롬되는거 봐서 같은 사파리도 될 확률이 큼)
파폭에서는 확인을 못해봤습니다.

용도~
해당 선택된 엔리멘탈에 속성을 가져옵니다.

사용예~
.lengthLine a:hover:after{
    content:attr(num);
}
<a href="shop/boardList/equipment/12" page="page" animate="pageMove" num="12"/>

이렇게 적용하면 A태그 위에 마우스를 오버할 경우 
A엔리멘탈에 num속성 값을 가져와 A에 채웁니다.

게시판 페이지수에 적용하시면 이쁘게 만드실수 있을 겁니다.
|

댓글 3개

2012-09-18 (화) 14:38:12
굿팁!
몰랐던거네요;;;;;;;
샘플까지 올려주시면 감사감사......굽신굽신;;
감사합니다. 잘보고 갑니다.
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

1,282건

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
기타 12-10-02 조회 3,905
CSS 12-09-22 조회 3,976
HTML 12-09-20 조회 6,710
반응형 12-09-18 조회 6,921
CSS 12-09-18 조회 4,195
HTML 12-09-02 조회 3,988
HTML 12-08-29 조회 5,328
HTML 12-08-29 조회 3,750
HTML 12-08-24 조회 3,512
HTML 12-08-18 조회 3,985
HTML 12-08-17 조회 3,996
HTML 12-08-16 조회 2,813
HTML 12-08-06 조회 5,314
HTML 12-08-05 조회 4,525
HTML 12-08-03 조회 4,065
HTML 12-08-03 조회 4,527
HTML 12-07-29 조회 3,332
HTML 12-07-24 조회 3,504
HTML 12-07-22 조회 3,155
HTML 12-07-20 조회 4,205
HTML 12-07-19 조회 4,026
HTML 12-07-19 조회 3,720
HTML 12-07-19 조회 3,830
HTML 12-07-19 조회 8,946
HTML 12-07-19 조회 2,958
HTML 12-07-18 조회 6,388
HTML 12-07-15 조회 3,381
HTML 12-07-14 조회 3,497
HTML 12-07-12 조회 4,881
HTML 12-07-11 조회 3,014