Ostatnio edytowany:

rozmiary

Autor: Virtual Patriot

Opis

Niektóre właściwości CSS wymagają od nas podania wartości w postaci rozmiaru. Rozmiar to połączenie interesującej nas liczby oraz interesującej nas jednostki występującej w języku CSS.

Przykładowo. Wartość 400px zbudowana jest z liczby całkowitej 400 oraz z jednostki px. Wartość 400px oznacza rozmiar równy czterystu pikselom.

      Warto wiedzieć, że:
      - gdy chcemy, aby interesujący nas rozmiar był równy "0px", "0em", "0deg" itp., wtedy możemy podać samą liczbę "0" bez żadnej dodatkowej jednostki CSS (zasada ta nie tyczy się jednostki ms oraz jednostki s)
    

Przykład

  width:350px;
rozmiar szerokości obszaru zawartości tego elementu "div" wynosi 350 pikseli, ponieważ do tego elementu "div" została dodana właściwość "width" wraz z wartością, która zbudowana jest z liczby całkowitej "350" oraz jednostki "px"

Kod źródłowy przykładu

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs CSS</title>

    <style>
      html {
        font-size:16px;
        font-family:Helvetica, sans-serif;
      }

      div {
        width:350px;
        font-size:1.3em;
        background-color:#CBFFFF;
      }
    </style>
  </head>

  <body>

    <div>
      rozmiar szerokości obszaru zawartości tego elementu "div" wynosi 350 pikseli, ponieważ do tego elementu "div" została dodana właściwość "width" wraz z wartością, która zbudowana jest z liczby całkowitej "350" oraz jednostki "px"
    </div>

  </body>
</html>

Interpretacja

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak