quotes 속성

quotes 속성은 텍스트 조각에 특정 유형의 따옴표를 지정합니다. 따옴표는 <q> 태그 안의 텍스트에 자동으로 추가됩니다.

문법

css선택자 {
  quotes: 여는따옴표유형, 닫는따옴표유형 또는 none 또는 inherit;
}

값	설명
`"`	겹따옴표. 일반적으로 고정폭 글꼴에서, 인치 또는 각초를 나타낼 때 사용됩니다.
`'`	아포스트로피. 각분을 나타내며, 로마자에서 연음 기호로 사용됩니다.
`«`	겹낫표(열기).
`»`	겹낫표(닫기).
`‘`	홑따옴표(열기).
`’`	홑따옴표(닫기).
`“`	영어에서 겹따옴표(열기) 또는 러시아어에서 닫는 따옴표로 사용됩니다.
`”`	영어에서 겹따옴표(닫기).
`„`	겹따옴표(열기). 러시아어에서 사용됩니다.
`none`	따옴표가 추가되지 않습니다.
`inherit`	부모 요소의 값을 상속받습니다.

인용구에 겹낫표와 파란색 글자색을 지정해 보겠습니다:

html<body>
  <p>This is a <q>quoted text</q>.</p>
</body>

cssp {
  font-size: 1.5em;
}
q {
  font-style: italic;
  color: #467CBC;
  quotes: '«' '»';
}

Результат: