unset
- Data publikacji
- Ostatnio edytowano
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 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 od elementu rodzica, 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 od elementu rodzica, 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:#7DCDE8;
}
#dziecko-b {
color:unset;
background-color:#7DCDE8;
}
</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 od elementu rodzica, 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 od elementu rodzica, 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
-
tak
-
tak
-
tak
-
tak
-
nie
-
tak
Zobacz więcej informacji o interpretacji wartości unset.