웹스터디

content

토픽 웹스터디 > CSS Dictionary

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 : ";
    }

Sample

댓글

댓글 본문
  1. 푸른하늘
    12일차 공부 감사합니다
  2. 김금란
    <uri>, uri : 이미지나, 사운드, 비디오 같은 외부 컨텐츠를 불러와 내용을 생성합니다.

    uri 에서 url로 수정하셔야 될듯해요
  3. 뇽다
    value 설명에 url이 uri로 오타났습니다.