Styl lokalny (in-line)

Styl lokalny pozwala nadawać atrybuty wybranym, pojedynczym elementom strony. Typowym zastosowaniem jest nadanie określonych atrybutów akapitowi.

<p style="definicja stylu">Treść akapitu</p>

Na przykład:

<p style="font-size: 12pt; font-weight: bold; font-family: 'Andale mono', 'Courier New', monospace; ">Treść akapitu</p>

To jest akapit wyświetlany za pomocą czcionki Andale mono, Courier New lub innej monotypicznej, pogrubionej, o wielkości 12 punktów.

Inny przykład:

<h1 style="font-size: 25pt; font-weight: bold; font-family: Arial, sans-serif; ">Treść tytułu</h1>

Treść tytułu

Kolejny przykład:

<ul style="font: italic bold 14pt Times; color: red; ">
<li>pierwszy punkt
<li>drugi punkt
<li>trzeci punkt
</ul>

• pierwszy punkt
• drugi punkt
• trzeci punkt

I jeszcze jeden:

<p style="text-transform: capitalize">to jest akapit, w którym pierwsze litery wyrazów są wyświetlane za pomocą kapitalików.</p>

to jest akapit, w którym pierwsze litery wyrazów są wyświetlane za pomocą kapitalików.

Pozioma linia z kilkoma atrybutami (tylko IE)

<hr style="height: 10px; width: 200px; color: lime; ">

---

Wykaz numerowany

<ul style="list-style: lower-roman inside">
<li>pierwszy punkt
<li>drugi punkt
<li>trzeci punkt
</ul>

• pierwszy punkt
• drugi punkt
• trzeci punkt