Ostatnio edytowany:

thin

Autor: Virtual Patriot

Przeznaczenie wartości thin

Wartość thin sprawia, że rozmiarem grubości linii jest rozmiar cienki. Zazwyczaj wartość thin jest równa wartości 1px.

różne wartości rozmiaru grubości linii

Porównanie wartości rozmiaru grubości linii występujących w języku CSS.

Przykład wartości thin

  border-bottom-width:thin;
rozmiarem grubości linii tworzącej dolne obramowanie tego elementu "div" jest rozmiar cienki, ponieważ do tego elementu "div" została dodana właściwość "border-bottom-width" wraz z wartością "thin"

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 {
        border:20px solid black;
        border-bottom-width:thin;
        padding:1em;
        font-size:1.3em;
        background-color:#CBFFFF;
      }
    </style>
  </head>

  <body>

    <div>
      rozmiarem grubości linii tworzącej dolne obramowanie tego elementu "div" jest rozmiar cienki, ponieważ do tego elementu "div" została dodana właściwość "border-bottom-width" wraz z wartością "thin"
    </div>

  </body>
</html>

Interpretacja wartości thin

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak