CSS initial-letter ιδιότητα

Δημιουργία και χρήση

initial-letter Το χαρακτηριστικό καθορίζει το μέγεθος της πρώτης γραφής, καθώς και προαιρετικά τον αριθμό των γραμμών που θα υποχωρήσει η πρώτη γραφή (κατεβατόν στο κείμενο).

Αυτό το χαρακτηριστικό ισχύει για :first-letter Το πρώτο εσωτερικό κεφαλαίον της φανταστικής ετικέτας και του μπλοκ περιεχομένου.

Παράδειγμα

Παρουσίαση διαφορετικών μεγεθών της πρώτης γραφής:

.normal::first-letter {
  -webkit-initial-letter: normal;
  initial-letter: normal;
}
.two::first-letter {
  -webkit-initial-letter: 2;
  initial-letter: 2; /* Η πρώτη γραφή καταλαμβάνει 2 γραμμές */
}
.four::first-letter {
  -webkit-initial-letter: 4;
  initial-letter: 4; /* Η πρώτη γραφή καταλαμβάνει 4 γραμμές */
}
.four2::first-letter {
  -webkit-initial-letter: 4 2;
  initial-letter: 4 2; /* Η πρώτη γραφή καταλαμβάνει 4 γραμμές και υποχωρεί 2 γραμμές */
}

Προσπάθησε να το δοκιμάσεις εσύ

Γλώσσα CSS

initial-letter: normal|number|integer;

Τιμή χαρακτηριστικού

Τεχνικά λεπτομέρειες

Υποστήριξη του περιηγητή

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

Η πρόσθετη τεκμηρίωση -webkit- καθορίζει την πρώτη λειτουργική έκδοση με πρόθεμα.