długość relatywna
- Data publikacji
- Ostatnio edytowano
Wyjaśnienie
Długość relatywna zbudowana jest z liczby oraz z jednej z jednostek relatywnych. Długość relatywna to inaczej rozmiar relatywny. Wartość wyrażona za pomocą liczby oraz jednostki relatywnej zawsze uzależniona jest od dodatkowego czynnika, o którym możemy dowiedzieć się zapoznając się z opisem poszczególnych jednostek relatywnych występujących w języku CSS.
Przykład
width:15em;
rozmiar relatywny szerokości obszaru zawartości tego elementu "div" wynosi "15em", ponieważ do tego elementu "div" została dodana właściwość "width" wraz z wartością, która zbudowana jest z liczby całkowitej "15" oraz z jednostki relatywnej "em", ponadto do tego elementu "div" została dodana właściwość "font-size" wraz z wartością "20px", dlatego wartość "15em" jest równa "300px", bo "15em=15×20px=300px"
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:15em;
font-size:20px;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>
rozmiar relatywny szerokości obszaru zawartości tego elementu "div" wynosi "15em", ponieważ do tego elementu "div" została dodana właściwość "width" wraz z wartością, która zbudowana jest z liczby całkowitej "15" oraz z jednostki relatywnej "em", ponadto do tego elementu "div" została dodana właściwość "font-size" wraz z wartością "20px", dlatego wartość "15em" jest równa "300px", bo "15em=15×20px=300px"
</div>
</body>
</html>Interpretacja
-
tak
-
tak
-
tak
-
tak
-
tak
-
tak