Wartość normal jest domyślną wartością właściwości font-style.
Domyślnie czcionka tekstu elementu HTML nie posiada żadnego dodatkowego stylu.
font-style:normal;
czcionka tekstu tego elementu "div" nie posiada żadnego dodatkowego stylu
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
padding:1em;
font-size:1.3em;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>
czcionka tekstu tego elementu "div" nie posiada żadnego dodatkowego stylu
</div>
</body>
</html>
Za pomocą wartości italic właściwości font-style możemy sprawić, że czcionka tekstu interesującego nas elementu HTML będzie posiadała styl italic. Styl italic sprawia, że czcionka tekstu elementu HTML staje się pochylona (jest napisana kursywą).
font-style:italic;
czcionka tekstu tego elementu "div" jest pochylona, ponieważ do tego elementu "div" została dodana właściwość "font-style" wraz z wartością "italic"
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
font-style:italic;
padding:1em;
font-size:1.3em;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>
czcionka tekstu tego elementu "div" jest pochylona, ponieważ do tego elementu "div" została dodana właściwość "font-style" wraz z wartością "italic"
</div>
</body>
</html>
Za pomocą wartości oblique właściwości font-style możemy sprawić, że czcionka tekstu interesującego nas elementu HTML będzie posiadała styl oblique. Styl oblique sprawia, że czcionka tekstu elementu HTML staje się ukośna.
font-style:oblique;
czcionka tekstu tego elementu "div" jest ukośna, ponieważ do tego elementu "div" została dodana właściwość "font-style" wraz z wartością "oblique"
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
font-style:oblique;
padding:1em;
font-size:1.3em;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>
czcionka tekstu tego elementu "div" jest ukośna, ponieważ do tego elementu "div" została dodana właściwość "font-style" wraz z wartością "oblique"
</div>
</body>
</html>
