이전
목록
다음
불

CSS에 attr 함수에 대해

다프린
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2012-09-18 (화) 14:16:31 · 4697 · 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에 채웁니다.

게시판 페이지수에 적용하시면 이쁘게 만드실수 있을 겁니다.
#퍼블리셔팁 #퍼블리셔 #팁자료실 #css
|

댓글 3개

지운아빠
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2012-09-18 (화) 14:38:12
굿팁!
누갸
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2012-09-18 (화) 18:39:25
몰랐던거네요;;;;;;;
샘플까지 올려주시면 감사감사......굽신굽신;;
dsv421
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2012-12-27 (목) 09:56:57
감사합니다. 잘보고 갑니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
16-03-02 조회 3,258
16-01-19 조회 2,545
15-12-23 조회 2,966
15-12-08 조회 3,687
14-10-30 조회 5,745
14-06-06 조회 5,567
12-08-30 조회 3,927
12-08-20 조회 3,843
12-07-15 조회 5,173
12-07-13 조회 3,641
12-07-06 조회 3,870
12-06-27 조회 3,383
12-06-23 조회 3,592
12-05-03 조회 5,198
12-04-20 조회 4,134
12-03-29 조회 4,649
12-03-22 조회 4,756
12-03-22 조회 3,524
12-03-21 조회 3,302
12-03-11 조회 3,724
12-03-06 조회 4,274
12-02-22 조회 4,547
12-02-17 조회 3,346
12-02-17 조회 6,195
12-02-14 조회 6,148
12-02-06 조회 4,276
12-01-18 조회 3,226
12-01-06 조회 3,454
11-12-30 조회 3,926
11-12-30 조회 7,073
11-12-21 조회 3,292
11-12-21 조회 4,263
11-12-16 조회 3,291
11-12-15 조회 3,326
11-12-15 조회 3,435
11-12-15 조회 4,240
11-12-09 조회 3,245
11-12-09 조회 3,317
11-12-07 조회 2,882
11-12-07 조회 3,967
11-12-05 조회 4,422
11-12-02 조회 3,876
11-12-01 조회 2,745
11-12-01 조회 2,797
11-12-01 조회 2,781
글쓰기