transparent
- Data publikacji
- Ostatnio edytowano
Przeznaczenie wartości transparent
Za pomocą wartości transparent możemy określić w pełni przezroczysty kolor.
Warto wiedzieć, że:
- wartość "transparent" jest równoznaczna z wartością "rgba(0,0,0,0)"
- wartość "transparent" jest równoznaczna z wartością "hsla(0,0,0,0)"
Przykład wartości transparent
background-color:transparent;
tło tego elementu "div" jest w pełni przezroczyste, ponieważ do tego elementu "div" została dodana właściwość "background-color" wraz z wartością "transparent"
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 {
background-color:white;
padding:1em;
}
#rodzic {
background-image:url(https://webkod.pl/files/css/obrazek-01.png);
}
#dziecko {
background-color:transparent;
border:5px solid black;
font-size:1.3em;
}
</style>
</head>
<body>
<div id="rodzic">
<div id="dziecko">
tło tego elementu "div" jest w pełni przezroczyste, ponieważ do tego elementu "div" została dodana właściwość "background-color" wraz z wartością "transparent"
</div>
</div>
</body>
</html>Interpretacja wartości transparent
-
tak
-
tak
-
tak
-
tak
-
tak
-
tak