HTML značka <style>
Příklad
Použití prvku <style> k použití jednoduché šablony stylů na dokument HTML:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Značka <style>se používá k definování informací o stylu (CSS) pro dokument.
Uvnitř <style>prvku určujete, jak se mají prvky HTML vykreslovat v prohlížeči.
Tipy a poznámky
Poznámka: Když prohlížeč čte šablonu stylů, naformátuje dokument HTML podle informací v šabloně stylů. Pokud byly některé vlastnosti definovány pro stejný selektor (prvek) v různých šablonách stylů, použije se hodnota z naposledy přečtené šablony stylů (viz příklad níže)!
Tip: Chcete-li vytvořit odkaz na externí šablonu stylů, použijte značku <link> .
Tip: Chcete-li se dozvědět více o šablonách stylů, přečtěte si náš návod CSS .
Podpora prohlížeče
| Element | |||||
|---|---|---|---|---|---|
| <style> | Yes | Yes | Yes | Yes | Yes |
Atributy
| Attribute | Value | Description |
|---|---|---|
| media | media_query | Specifies what media/device the media resource is optimized for |
| type | text/css | Specifies the media type of the <style> tag |
Globální atributy
Značka <style>také podporuje globální atributy v HTML .
Atributy události
Značka <style>také podporuje atributy událostí v HTML .
Další příklady
Příklad
Více stylů pro stejné prvky:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
<style>
h1 {color:green;}
p {color:pink;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This
is a paragraph.</p>
</body>
</html>
Související stránky
HTML tutoriál: HTML CSS
CSS tutoriál: CSS tutorial
Odkaz HTML DOM: Objekt stylu
Výchozí nastavení CSS
Většina prohlížečů zobrazí <style>prvek s následujícími výchozími hodnotami:
style {
display: none;
}