ChillCode
CSS
  1. Wprowadzenie do CSS
  2. Szybki start
  3. Selektory
  4. Komentarze
  5. Kolory
  6. Tło
  7. Wysokość | Szerokość
  8. Pozycja
  9. Przepełnienie
  10. Marginesy
  11. Dopełnienie
  12. Obramowanie
  13. Zarys
  14. Tekst
  15. Czcionki
  16. Wyświetlanie Elementów
  17. Obrazy
  18. Tabele
  19. Listy
  20. Z-index
  21. Właściwość float
  22. Kombinatory
  23. Pseudo Klasy
  24. Pseudo Elementy
  25. Pasek Nawigacyjny
  26. Przezroczystość
  27. Formularze
  28. Liczniki
  29. Funkcje Matematyczne
  30. Selektory Atrybutów
  31. Podsumowanie
Strona główna
Blog
O nas
Centrum pomocy
Wsparcie
  1. Wprowadzenie do CSS
  2. Szybki start
  3. Selektory
  4. Komentarze
  5. Kolory
  6. Tło
  7. Wysokość | Szerokość
  8. Pozycja
  9. Przepełnienie
  10. Marginesy
  11. Dopełnienie
  12. Obramowanie
  13. Zarys
  14. Tekst
  15. Czcionki
  16. Wyświetlanie Elementów
  17. Obrazy
  18. Tabele
  19. Listy
  20. Z-index
  21. Właściwość float
  22. Kombinatory
  23. Pseudo Klasy
  24. Pseudo Elementy
  25. Pasek Nawigacyjny
  26. Przezroczystość
  27. Formularze
  28. Liczniki
  29. Funkcje Matematyczne
  30. Selektory Atrybutów
  31. Podsumowanie

Wysokość i Szerokość

W CSS, szerokość i wysokość elementu można ustawić za pomocą właściwości "width" i "height". Te właściwości określają odpowiednio szerokość i wysokość elementu w pikselach lub jednostkach procentowych w stosunku do rodzica.

Wartości width i height można określić w różnych jednostkach, takich jak:

  • px - określa liczbę pikseli, czyli jednostek na ekranie, jakie będą zajmowane przez element
  • % - określają szerokość i wysokość elementu jako procent dostępnej przestrzeni.
  • cm - centymetry są jednostką długości, która mierzy rzeczywistą długość na ekranie.
  • in - cale są jednostką długości, która mierzy rzeczywistą długość na ekranie.
  • em - jednostka względna, która odnosi się do rozmiaru czcionki elementu nadrzędnego.

  Ten element ma 100% szerokości oraz 120px wysokości

width Określa szerokość elementu.

										
.element {

  width: 500px;

}

height Określa wysokość elementu.

										
.element {

  height: 300px;

}

min-width Określa minimalną szerokość elementu.

										
.element {

  min-width: 200px;

}

max-width Określa maksymalną szerokość elementu.

										
.element {

  max-width: 800px;

}

min-height Określa minimalną wysokość elementu.

										
.element {

  min-height: 100px;

}

max-height Określa maksymalną wysokość elementu.

										
.element {

  max-height: 1000px;

}