Capitalization: the 'text-transform' property
Written by jon on 11:44 AM- 'text-transform'
-
Value: capitalize | uppercase | lowercase | none | inherit Initial: none Applies to: all elements Inherited: yes Percentages: N/A Media: visual
This property controls capitalization effects of an element's text. Values have the following meanings:
- capitalize
- Puts the first character of each word in uppercase.
- uppercase
- Puts all characters of each word in uppercase.
- lowercase
- Puts all characters of each word in lowercase.
- none
- No capitalization effects.
The actual transformation in each case is written language dependent. See RFC 2070 ([RFC2070]) for ways to find the language of an element.
Conforming user agents may consider the value of 'text-transform' to be 'none' for characters that are not from the Latin-1 repertoire and for elements in languages for which the transformation is different from that specified by the case-conversion tables of ISO 10646 ([ISO10646]).
In this example, all text in an H1 element is transformed to uppercase text.
H1 { text-transform: uppercase }
1 comments: Responses to “ Capitalization: the 'text-transform' property ”
By trustno1 on January 29, 2019 at 1:24 AM
css code examples about span tag
Span tag Capital first letter