Esempio
L'utilizzo del <style> elemento in un documento HTML:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
Prova tu stesso " Definizione e utilizzo
Il <style> tag viene utilizzato per definire le informazioni di stile per un documento HTML.
All'interno del <style> elemento di specificare come gli elementi HTML dovrebbero rendere in un browser.
Ogni documento HTML può contenere più <style> tag.
Supporto per il browser
| Elemento | |||||
|---|---|---|---|---|---|
| <style> | sì | sì | sì | sì | sì |
Suggerimenti e Note
Suggerimento: creare un collegamento a un foglio di stile esterno, utilizzare il <link> tag.
Suggerimento: Per ulteriori informazioni su fogli di stile, si prega di leggere il nostro tutorial CSS .
Nota: se il "scoped" attributo non è utilizzato, ogni <style> tag deve essere situato nella parte della testa.
Differenze tra HTML 4.01 e HTML5
Il "scoped" attributo è di nuovo in HTML5, che consente di definire gli stili per una sezione specifica del documento. Se il "scoped" attributo è presente, gli stili si applicano solo a elemento padre dell'elemento stile e elementi figlio di quell'elemento.
attributi
= Nuovo in HTML5.
| Attributo | Valore | Descrizione |
|---|---|---|
| media | media_query | Specifica ciò che i media / device la risorsa multimediale è ottimizzato per |
| scoped | scoped | Specifica che gli stili si applicano solo a elemento principale di questo elemento e elementi figlio di quell'elemento |
| type | text/css | Specifica il tipo di supporto della <style> tag |
attributi globali
Il <style> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
Il <style> tag supporta anche l' evento Attributi in HTML .
Pagine correlate
HTML tutorial: HTML CSS
Tutorial CSS: CSS Tutorial
Di riferimento HTML DOM: Style oggetto
Impostazioni predefinite CSS
La maggior parte dei browser visualizzerà il <style> elemento con i seguenti valori di default:
style {
display: none;
}