HTML Forms

13. Style atribut - CSS

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="text-align: top | middle | bottom" .

Navedenih 10 CSS zapovjedi :-) možete pogledati u ovom primjeru, a njegov source code ovdje.