Εισαγωγικά - CSS-Κόλπα

Η quotesιδιότητα στο CSS σας επιτρέπει να καθορίσετε ποιοι τύποι εισαγωγικών χρησιμοποιούνται όταν προστίθενται εισαγωγικά μέσω των κανόνων content: open-quote;ή content: close-quote;. Δείτε πώς να το χρησιμοποιήσετε:

q ( quotes: "“" "”" "‘" "’"; ) q::before ( content: open-quote; ) q::after ( content: close-quote; )

Στο παραπάνω παράδειγμα, προστίθενται τέσσερις τιμές. Ένα σύνολο διπλών έξυπνων εισαγωγικών και ενός ζεύγους έξυπνων εισαγωγικών. Είναι ελαφρώς συγκεχυμένο καθώς κάθε προσφορά είναι τυλιγμένο σε εισαγωγικά - αλλά αυτά είναι απλώς εισαγωγικά μέσω προγραμματισμού (θα μπορούσαν να είναι διπλά (") ή μεμονωμένα (')) όπως οπουδήποτε αλλού στο CSS. Τα εισαγωγικά είναι αυτά που θα χρησιμοποιηθούν στη σελίδα.

Υπάρχουν τέσσερις τιμές για το ακίνητο περιεχόμενο που σχετίζονται με την quotesιδιότητα: open-quote, close-quote, no-open-quote, και no-close-quote.

Το πρώτο ζεύγος εισαγωγικών στην τιμή είναι τα εισαγωγικά και το κλείσιμο. Το δεύτερο ζεύγος είναι οι τιμές ανοίγματος και κλεισίματος για τιμές που βρίσκονται σε βάθος ενός επιπέδου εντός άλλων εισαγωγικών που χρησιμοποιούν επίσης την quotesιδιότητα. Π.χ. ένα στοιχείο μέσα σε ένα στοιχείο.

Μερικά παραδείγματα:

Διπλά εισαγωγικά στο πρώτο απόσπασμα, μόνο εισαγωγικά στο δεύτερο.

Ένα απόσπασμα με γαλλικά εισαγωγικά.

Μπορείτε να τοποθετήσετε όσα ζεύγη προσφορών στην quotesιδιοκτησία θέλετε. Αλλά δεν χρειάζεται να βάλετε περισσότερα από δύο, γιατί για κάθε επιπλέον προσφορά απλά επαναλαμβάνει τις quotesτιμές από την αρχή.

Οι τιμές no-open-quoteκαι οι no-close-quoteτιμές εμποδίζουν την εμφάνιση των εισαγωγικών, αλλά συνεχίζουν να αυξάνουν το βάθος των τιμών.

Περισσότερες πληροφορίες

Μην χρησιμοποιείτε το στοιχείο εκτός εάν αναφέρετε κάποιον. Σε όλες τις άλλες περιπτώσεις (ειρωνεία, σαρκασμός ή οτιδήποτε άλλο χρησιμοποιείτε για εισαγωγικά) απλώς χρησιμοποιήστε τα εισαγωγικά (όπως αυτά: "").
Αυτό δεν είναι μόνο για το στοιχείο, θα μπορούσε να είναι
πάρα πολύ ή οτιδήποτε άλλο.
Αποσπάσματα & τόνους