Atrybut style w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Atrybut style służy do wpisywania reguł CSS bezpośrednio w znaczniku HTML. Nazywa się to stylem lokalnym lub inline CSS.

Zastosowanie

Za pomocą style można ustawić wygląd konkretnego elementu, np. szerokość, wysokość, kolor tekstu, margines albo obramowanie.

Przykład:

<img src='rysunek.jpg' style='width: 50px'>

W tym przykładzie obraz zostanie wyświetlony z szerokością 50px. Jeżeli nie podano wysokości, przeglądarka automatycznie dobierze ją tak, aby zachować proporcje grafiki.

Dla obrazu o wymiarach 200px × 100px proporcja wynosi 2:1. Po ustawieniu szerokości na 50px wysokość zostanie obliczona jako 25px.

Ważne zasady

  • style zapisuje się wewnątrz znacznika HTML.
  • Wartość atrybutu zawiera deklaracje CSS, np. width: 50px;.
  • Aby zachować proporcje obrazu, najlepiej ustawić tylko jedną wartość: width albo height.
  • Jednoczesne ustawienie błędnej szerokości i wysokości może zniekształcić grafikę.

Nie mylić z elementem style

Atrybut style to zapis CSS w konkretnym znaczniku, np. <img style='width: 50px'>.
Element <style> umieszcza się zwykle w sekcji <head> i służy do definiowania reguł CSS dla wielu elementów strony.