CSS quotes 속성
예제
q:lang(en)
{
quotes: '"' '"' "'" "'";
}
HTML 코드:
<html lang="en"> <head> </head> <body> <p><q>This is a <q>big</q> quote</q></p> </body> </html>
출력:
"This is a 'big' quote"
CSS 문법
quotes: none|string|initial|inherit;
속성 값
| 값 | 설명 |
|---|---|
| none | "content" 속성의 "open-quote"과 "close-quote" 값은 어떤 쌍속호호도 생성하지 않습니다. |
| string string string string |
사용할 쌍속호호를 정의합니다. 첫 번째 두 가지 값은 최상위 참조 내嵌套을 규정하며, 마지막 두 가지 값은 다음 레벨의 쌍속호호 내嵌套을 규정합니다. |
| inherit | quotes 속성의 값을 부모 요소에서 상속해야 할 것을 규정합니다. |
기술 세부 사항
| 기본값: | 지정되지 않음 |
|---|---|
| 상속성: | yes |
| 버전: | CSS2 |
| JavaScript 문법: | object.style.quotes="none" |
쌍속호호 문자
브라우저 지원
표에 나타난 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.
| 크롬 | IE / 엣지 | 파이어폭스 | 사파리 | 오페라 |
|---|---|---|---|---|
| 11.0 | 8.0 | 1.5 | 5.1 | 4.0 |
주석:DOCTYPE이 이미 지정되어 있다면, 인터넷 익스플로러 8(또는 그 이상의 버전)은 quotes 속성을 지원합니다.
