CSS width

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

Co to jest width w CSS?

width to właściwość CSS określająca szerokość elementu. W pytaniach egzaminacyjnych często trzeba odczytać ją bezpośrednio z kodu stylów, np. width: 560px; oznacza szerokość 560 pikseli.

Składnia

selektor {
  width: wartość;
}

Przykład:

body {
  border: 2px;
  height: 600px;
  width: 560px;
}

W tym kodzie:
- border: 2px; dotyczy obramowania,
- height: 600px; dotyczy wysokości,
- width: 560px; dotyczy szerokości.

Dlatego szerokość przeznaczona na zawartość strony wynosi 560 px.

Najczęstsze jednostki dla width

  • px — piksele, wartość stała, np. width: 560px;
  • % — procent szerokości elementu nadrzędnego, np. width: 80%;
  • em, rem — jednostki zależne od rozmiaru czcionki
  • vw — procent szerokości okna przeglądarki, np. width: 100vw;

Ważne na egzaminie

Nie należy mylić właściwości:

border: 2px;   /* grubość obramowania */
height: 600px; /* wysokość */
width: 560px;  /* szerokość */

Jeżeli pytanie dotyczy szerokości, szukaj właściwości width, a nie największej liczby w kodzie.