em
- Data publikacji
- Ostatnio edytowano
Przeznaczenie jednostki em
Długość wyrażona za pomocą jednostki em obliczana jest przez przeglądarkę internetową na podstawie wartości właściwości font-size, jaką posiada dany element HTML.
"1em" = wartość właściwości "font-size" elementu HTML
Przykład jednostki em
width:15em;
rozmiar 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ą "15em", 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 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ą "15em", 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 jednostki em
-
tak
-
tak
-
tak
-
tak
-
tak
-
tak