Ιδιότητα text-transform

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

Σύνταξη

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

Τιμές

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

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

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

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

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

p {
	text-transform: capitalize;
}

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

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

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

p {
	text-transform: uppercase;
}

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

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

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

p {
	text-transform: lowercase;
}