Iako style atribut spada u domenu CSS-a ipak ćemo navesti neke primjere koji će naš obrazac učiniti mnogo preglednijim, življim te svakako ljepšim. Naredni primjeri urađeni su kao pitanja "Kako nešto učiniti ?", a odmah su i dati odgovori.
1. Kako obojiti pozadinu ?
Upotrijebite npr. style="background-color: yellow" . Oprezno koristite za radio i checkbox
jer ga browseri različito interpretiraju.
2. Kako za pozadinu staviti sliku?
Upotrijebite npr. style="background-image: url(./srce.gif)" .
3. Kako obojiti text?
Upotrijebite npr. style="color: #3300ff" .
4. Kako podebljati text?
Upotrijebite npr. style="font-weight: bold" .
5. Kako promijeniti font?
Upotrijebite npr. style="font-family: fantasy,Arial" .
6. Kako postaviti okvir?
Upotrijebite npr. style="border-width: 5px; border-color: #66ffff" .
7. Kako povećati element?
Upotrijebite npr. style="width: 200px; height: 50px" . Oprezno koristite za radio i checkbox
jer ga browseri različito interpretiraju.
8. Kako povećati text?
Upotrijebite npr. style="font-size: 5px" .
9. Kako podesiti text unutar elementa horizontalno?
Upotrijebite style="text-align: left | center | right" .
10. Kako podesiti text izvan elementa po vertikali?
Upotrijebite style="vertical-align: top | middle | bottom" .
Navedenih 10 CSS zapovjedi :-) možete pogledati u ovom primjeru, a njegov source code ovdje.