CSS에 attr 함수에 대해

· 2012-09-18 (화) 14:16:31 · 4173 · 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,885
CSS 12-09-22 조회 3,965
HTML 12-09-20 조회 6,692
반응형 12-09-18 조회 6,908
CSS 12-09-18 조회 4,174
HTML 12-09-02 조회 3,975
HTML 12-08-29 조회 5,304
HTML 12-08-29 조회 3,734
HTML 12-08-24 조회 3,493
HTML 12-08-18 조회 3,970
HTML 12-08-17 조회 3,976
HTML 12-08-16 조회 2,792
HTML 12-08-06 조회 5,293
HTML 12-08-05 조회 4,512
HTML 12-08-03 조회 4,049
HTML 12-08-03 조회 4,509
HTML 12-07-29 조회 3,304
HTML 12-07-24 조회 3,485
HTML 12-07-22 조회 3,135
HTML 12-07-20 조회 4,179
HTML 12-07-19 조회 4,005
HTML 12-07-19 조회 3,703
HTML 12-07-19 조회 3,813
HTML 12-07-19 조회 8,926
HTML 12-07-19 조회 2,946
HTML 12-07-18 조회 6,368
HTML 12-07-15 조회 3,362
HTML 12-07-14 조회 3,479
HTML 12-07-12 조회 4,865
HTML 12-07-11 조회 2,996