커뮤니티

고용노동부, 산업인력공단과 함께하는 강원도 유일한 기업중심 IT전문교육기관 ICT융합캠퍼스만의 특별한교육입니다.
공인 IT숙련기술인의 다양한 접근방법으로 전문가다운 실무교육을 받을 수 있습니다.

Category

교육강좌

클라이언트 CSS 사전 - content

페이지 정보

작성자 관리자 댓글 0건 조회 5,883회 작성일 20-07-20 09:36

본문

content

Summary

엘리먼트의 앞(:before)이나 뒤(:after)에 내용을 생성합니다.

[ <문자열> | <uri> | <counter> | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit
기본값 빈(empty) 문자열
적용대상 :before, :after 가상 엘리먼트들과 함께 사용
상속 상속안됨
퍼센테이지 지정불가
미디어 all

Value

  • 문자열 : 텍스트
  • uri : 이미지나, 사운드, 비디오 같은 외부 컨텐츠를 불러와 내용을 생성합니다.
  • counter : 카운터와 같은 내용을 생성합니다.
  • attr(X) : 선택자의 속성과 같은 컨텐츠를 지정합니다.
  • open-quote : 인용부호의 시작 부호를 지정합니다.
  • close-quote : 인용부호의 종료 부호를 지정합니다.
  • no-open-quote : 인용부호의 시작 부호를 지정하지 않습니다.
  • no-close-quote : 인용부호의 종료 부호를 지정하지 않습니다.

Tip

  1. 다음과 같이 사용할 수 있습니다.
    .p1:before {
        content: "Note : ";
    }
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

답변목록

등록된 답변이 없습니다.