Kurs XHTML: 1.1, 1.0 / HTML: 4.01, 4.0, 3.2, 3.0, 2.0 / CSS: 2.1, 2.0, 1.0 z przykładami

[Start] • [Elementy XHTML/HTML] • [Atrybuty XHTML/HTML] • [Style CSS]

text-transform

OPIS

Styl definiuje wielkość liter, bez względu na to, jakie są aktualnie używane. Należy uważać przy stosowaniu z polskimi znakami, ponieważ niektóre z nich są traktowane jako separator wyrazów i efekt może wyglądać mało ciekawie.

WARTOŚCI

• none - CSS: 2.1, 2.0, 1.0

bez zmian, wartość domyślna

• capitalize - CSS: 2.1, 2.0, 1.0

pierwszy znak wyrazu z dużej litery

• uppercase - CSS: 2.1, 2.0, 1.0

duże litery

• lowercase - CSS: 2.1, 2.0, 1.0

małe litery

• inherit - CSS: 2.1, 2.0

przejęcie wartości "rodzica", np. text-transform: inherit;

POZOSTAŁE CECHY

• CSS: 2.1, 2.0, 1.0
• dziedziczony: tak

PRZYKŁADY ZASTOSOWAŃ

• Przykład 1:

Przykładowy tekst, w którym:
<br /><span style="text-transform: capitalize;">
- część wyrazów obejmuje wartość capitalize</span>.
<br /><span style="text-transform: lowercase;">
- część WYRAZÓW OBEJMUJE wartość lowercase</span>.
<br /><span style="text-transform: uppercase;">
- część wyrazów obejmuje wartość uppercase</span>.

Przykładowy tekst, w którym:
- część wyrazów obejmuje wartość capitalize.
- część WYRAZÓW OBEJMUJE wartość lowercase.
- część wyrazów obejmuje wartość uppercase.

• Przykład 2:

<style type="text/css"><!--
pre, strong { text-transform: uppercase; }
.male { text-transform: lowercase; }
--></style>