HTML styly
Atribut HTML style
se používá k přidání stylů do prvku, jako je barva, písmo, velikost a další.
Příklad
Jsem Červený
Jsem modrý
Jsem velký
Atribut stylu HTML
Nastavení stylu HTML elementu lze provést pomocí style
atributu.
Atribut HTML style
má následující syntaxi:
<tagname
style="property:value;">
Tato vlastnost je vlastnost CSS. Hodnota je hodnota CSS.
Více o CSS se dozvíte později v tomto tutoriálu.
Barva pozadí
Vlastnost CSS background-color
definuje barvu pozadí pro prvek HTML.
Příklad
Nastavte barvu pozadí stránky na práškovou modrou:
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
Příklad
Nastavte barvu pozadí pro dva různé prvky:
<body>
<h1 style="background-color:powderblue;">This is a heading</h1>
<p
style="background-color:tomato;">This is a paragraph.</p>
</body>
Barva textu
Vlastnost CSS color
definuje barvu textu pro prvek HTML:
Příklad
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
Písma
Vlastnost CSS font-family
definuje písmo, které se má použít pro prvek HTML:
Příklad
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
Velikost textu
Vlastnost CSS font-size
definuje velikost textu pro prvek HTML:
Příklad
<h1 style="font-size:300%;">This is a heading</h1>
<p
style="font-size:160%;">This is a paragraph.</p>
Zarovnání textu
Vlastnost CSS text-align
definuje vodorovné zarovnání textu pro prvek HTML:
Příklad
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
Shrnutí kapitoly
- Atribut použijte
style
pro stylování prvků HTML - Použijte
background-color
pro barvu pozadí - Použijte
color
pro barvy textu - Použijte
font-family
pro textová písma - Použijte
font-size
pro velikosti textu - Použijte
text-align
pro zarovnání textu