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.
<h1 style="font-size: 25pt; font-weight: bold; font-family: Arial, sans-serif">Treść tytułu</h1>
<ul style="font: italic bold 14pt Times; color: red">
<li>pierwszy punkt
<li>drugi punkt
<li>trzeci punkt
</ul>
<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.
(tylko IE)
Pozioma linia z kilkoma atrybutami (tylko IE4 i 5)
<hr style="height: 3mm; width: 200pt; color: lime">
Wykaz numerowany
<ul style="list-style: lower-roman inside">
<li>pierwszy punkt
<li>drugi punkt
<li>trzeci punkt
</ul>