Proprietà text-transform CSS
- la pagina precedente ombra di testo
- la pagina seguente text-underline-offset
definizione e uso
l'attributo text-transform controlla la maiuscolizzazione minuscolizzazione del testo.
spiegazione
Questa proprietà cambia la maiuscolizzazione minuscolizzazione delle lettere nell'elemento, indipendentemente dalla maiuscolizzazione minuscolizzazione del testo nel documento sorgente. Se il valore è capitalize, alcune lettere devono essere maiuscolizzate, ma non è definito chiaramente come determinare quali lettere devono essere maiuscolizzate, questo dipende dal modo in cui l'utente代理 riconosce i vari "parole".
vedi anche:
corsi CSS:Testo CSS
manuale di riferimento HTML DOM:proprietà textTransform
esempio
trasformare il testo in diversi elementi:
h1 {text-transform:uppercase;} h2 {text-transform:capitalize;} p {text-transform:lowercase;}
suggerimenti e note
nota:diversi utenti代理可能会用不同的方法来确定单词从哪里开始,in modo corrispondente determinare quali lettere devono essere maiuscolizzate. Ad esempio, il testo "w3-school" può essere visualizzato in due modi: "W3-school" e "W3-School". Il CSS non stabilisce quale sia corretto, quindi entrambi sono accettabili.
sintassi CSS
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
valore dell'attributo
valore | descrizione |
---|---|
nessuna | predefinito. Definisce un testo standard con lettere minuscole e maiuscole. |
capitalize | ogni parola nel testo è iniziata con una lettera maiuscola. |
uppercase | definisce solo lettere maiuscole. |
lowercase | definisce senza lettere maiuscole, solo lettere minuscole. |
inherit | definisce che il valore della proprietà text-transform dovrebbe essere ereditato dal elemento genitore. |
dettagli tecnici
valore predefinito: | nessuna |
---|---|
ereditarietà: | sì |
Versione: | CSS1 |
Sintassi JavaScript: | oggetto.style.textTransform="uppercase" |
più esempi
- controllare la maiuscolizzazione minuscolizzazione delle lettere nel testo
- Questo esempio dimostra come controllare la maiuscolizzazione minuscolizzazione delle lettere nel testo.
supporto del browser
I numeri nella tabella indicano la versione del browser iniziale che supporta interamente questa proprietà.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- la pagina precedente ombra di testo
- la pagina seguente text-underline-offset