Ιδιότητα 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: '«' '»';
}

Результат: