HTML - Style
STYLE je párová značka jazyka HTML slúžiaca na definíciu štýlu zobrazenia.
Atribúty:
- LANG, DIR, TITLE - globální atributy (Obecně podporované vlastnosti)
- TYPE - MIME typ a podtyp (Nejpravděpodobnější hodnotou tohoto atributu, který očekává MIME typ a podtyp, bude text/css. Netscape 4.x umožňuje definici kaskádových stylů i prostřednictvím typu text/javascript s poněkud odlišnou syntaxí.)
- MEDIA - Určení cíle pro uživatelské zařízení (Přehled medií je uveden u značky <LINK>)
Vzhledem k tomu, že HTML je pouze strukturním popisem dokumentu, je v některých případech nutné doplnit informaci o struktuře ještě informací o vzhledu. Právě párová značka <STYLE> je vhodná pro vložení kaskádových stylů.
Poznámka
Dobrým zvykem tvůrců stránek HTML je vkládat obsah značky <STYLE> do komentářové značky. Prohlížeč, který značce <STYLE> nerozumí, nebude zmaten a technicky vyspělejší prohlížeče si už s tímhle poradí.
Príklady
<HEAD>
<TITLE>Stránka so štýlom 1</TITLE>
<STYLE TYPE="text/css" MEDIA="ALL"><!--
BODY {
background-color: navy;
color: yellow;
font-family: sans-serif;
font-weight: bolder;
font-size: 24pt;
}-->
</STYLE>
</HEAD>
<TITLE>Stránka so štýlom 1</TITLE>
<STYLE TYPE="text/css" MEDIA="ALL"><!--
BODY {
background-color: navy;
color: yellow;
font-family: sans-serif;
font-weight: bolder;
font-size: 24pt;
}-->
</STYLE>
</HEAD>
<HEAD>
<TITLE>Stránka so štýlom 2</TITLE>
<STYLE TYPE="text/css" MEDIA="ALL"><!--
TH {FONT: 0.8em tahoma, sans-serif;
BORDER: #002d96 1px solid; background-color: #d2d2d2;}
TD {border: #6699ff 1px dotted; }
-->
</STYLE>
</HEAD>
<BODY>
<table border="0">
<tr>
<th>nadpis 1
<th>nadpis 2
<th>nadpis 3
<tr>
<td>hodnota A
<td>hodnota B
<td>hodnota C
<tr>
<td>hodnota D
<td>hodnota E
<td>hodnota F
</table>
</BODY>
<TITLE>Stránka so štýlom 2</TITLE>
<STYLE TYPE="text/css" MEDIA="ALL"><!--
TH {FONT: 0.8em tahoma, sans-serif;
BORDER: #002d96 1px solid; background-color: #d2d2d2;}
TD {border: #6699ff 1px dotted; }
-->
</STYLE>
</HEAD>
<BODY>
<table border="0">
<tr>
<th>nadpis 1
<th>nadpis 2
<th>nadpis 3
<tr>
<td>hodnota A
<td>hodnota B
<td>hodnota C
<tr>
<td>hodnota D
<td>hodnota E
<td>hodnota F
</table>
</BODY>
Pozri aj
atribút STYLE, link, class