Ostatnio edytowany:

unset

Autor: Virtual Patriot

Przeznaczenie wartości unset

Wartość unset sprawia, że wartość danej właściwości CSS zostaje zresetowana do wartości domyślnej określonej przez specyfikację języka CSS (dodatkowo z możliwością automatycznego dziedziczenia wartości wspomnianej właściwości CSS od elementu rodzica).

Przykład wartości unset

  border:unset;
  color:unset;
ten element "div" nie posiada obramowania, ponieważ (za pomocą wartości "unset") wartość właściwości "border" tego elementu "div" została zresetowana do wartości domyślnej z możliwością automatycznego dziedziczenia, lecz wartość właściwości "border" nie może być automatycznie dziedziczona przez elementy dzieci od elementu rodzica
za pomocą wartości "unset" wartość właściwości "color" tego elementu "div" została zresetowana do wartości domyślnej z możliwością automatycznego dziedziczenia, dlatego tekst znajdujący się w zawartości tego elementu "div" jest koloru niebieskiego, ponieważ element rodzic tego elementu "div" posiada właściwość "color" wraz z wartością "blue"

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 {
        color:blue;
        border:9px double black;
        padding:1em;
      }

      #rodzic-1 {
        margin-bottom:1em;
        font-size:1.3em;
      }

      #rodzic-2 {
        font-size:1.3em;
      }

      #dziecko-a {
        border:unset;
        background-color:#CBFFFF;
      }

      #dziecko-b {
        color:unset;
        background-color:#CBFFFF;
      }
    </style>
  </head>

  <body>

    <div id="rodzic-1">
      <div id="dziecko-a">
        ten element "div" nie posiada obramowania, ponieważ (za pomocą wartości "unset") wartość właściwości "border" tego elementu "div" została zresetowana do wartości domyślnej z możliwością automatycznego dziedziczenia, lecz wartość właściwości "border" nie może być automatycznie dziedziczona przez elementy dzieci od elementu rodzica
      </div>
    </div>

    <div id="rodzic-2">
      <div id="dziecko-b">
        za pomocą wartości "unset" wartość właściwości "color" tego elementu "div" została zresetowana do wartości domyślnej z możliwością automatycznego dziedziczenia, dlatego tekst znajdujący się w zawartości tego elementu "div" jest koloru niebieskiego, ponieważ element rodzic tego elementu "div" posiada właściwość "color" wraz z wartością "blue"
      </div>
    </div>

  </body>
</html>

Interpretacja wartości unset

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

nie

Edge

tak

Zobacz więcej informacji o interpretacji wartości .