Ιδιότητα text-transform

Η ιδιότητα text-transform ορίζει τα πεζά και κεφαλαία γράμματα του κειμένου: κεφαλαία γράμματα, πεζά γράμματα (μικρά γράμματα), μπορεί να κάνει κεφαλαίο το πρώτο γράμμα κάθε λέξης.

Σύνταξη

cssεπιλογέας {
  text-transform: capitalize | lowercase | uppercase | none;
}

Τιμές

Τιμή	Περιγραφή
`capitalize`	Ο πρώτος χαρακτήρας κάθε λέξης στη πρόταση θα είναι κεφαλαίος.
`lowercase`	Όλοι οι χαρακτήρες του κειμένου μετατρέπονται σε πεζά γράμματα.
`uppercase`	Όλοι οι χαρακτήρες του κειμένου μετατρέπονται σε ΚΕΦΑΛΑΙΑ ΓΡΑΜΜΑΤΑ.
`none`	Δεν αλλάζει τα πεζά-κεφαλαία των χαρακτήρων.

Προεπιλεγμένη τιμή: none.

Παράδειγμα . Τιμή capitalize

Τώρα το πρώτο γράμμα κάθε λέξης θα γίνει κεφαλαίο:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-transform: capitalize;
}

Результат:

Παράδειγμα . Τιμή uppercase

Τώρα όλοι οι χαρακτήρες θα γίνουν κεφαλαίοι:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-transform: uppercase;
}

Результат:

Παράδειγμα . Τιμή lowercase

Τώρα όλοι οι χαρακτήρες θα γίνουν πεζοί (δηλαδή μικροί, όχι κεφαλαίοι):

html<p>
  LOREM IPSUM DOLOR SIT AMET.
</p>

cssp {
  text-transform: lowercase;
}

Результат: