Quotes xususiyati

quotes xususiyati matn fragmentiga ma’lum turdagi qo‘shtirnoqni belgilaydi. Qo‘shtirnoqlar avtomatik ravishda <q> tegi ichidagi matnga qo‘shiladi.

Sintaksis

cssselector {
  quotes: chap qo‘shtirnoq turi, o‘ng qo‘shtirnoq turi yoki none yoki inherit;
}

Qiymatlar

Qiymat	Ta’rif
`"`	Ikki qirrali qo‘shtirnoq, odatda mono kenglikdagi shriftlarda, dyuym belgisi, shuningdek, burchak soniyalarini belgilash uchun qo‘llaniladi.
`'`	Apostrof. Burchak daqiqalari belgisi, lotin alifbosida yumshoq belgini bildirish uchun qo‘llaniladi.
`«`	Ochiq ikki qirrali burchakli qo‘shtirnoq.
`»`	Yopiq ikki qirrali burchakli qo‘shtirnoq.
`‘`	Ochiq bitta qo‘shtirnoq.
`’`	Yopiq bitta qo‘shtirnoq.
`“`	Ingliz tilidagi matnlar uchun ochiq ikki qirrali qo‘shtirnoq yoki rus tili uchun yopiq qo‘shtirnoq
`”`	Ingliz tilidagi matnlar uchun yopiq ikki qirrali qo‘shtirnoq.
`„`	Ochiq ikki qirrali qo‘shtirnoq. Rus tilida qo‘llaniladi.
`none`	Qo‘shtirnoqlar qo‘shilmaydi.
`inherit`	Ota-ona elementining qiymatini meros qilib oladi.

Misol

Keling, bizning iqtibosimizga ikki qirrali burchakli qo‘shtirnoq va havo rang shrift rangi belgilaymiz:

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

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

Результат: