text-stroke-width
- Data publikacji
- Ostatnio edytowano
Przeznaczenie właściwości text-stroke-width
Za pomocą właściwości text-stroke-width możemy określić rozmiar grubości konturu tekstu interesującego nas elementu HTML.
- Informacje dodatkowe
-
brak
Informacje techniczne o właściwości text-stroke-width
- przeznaczenie
-
element HTML każdego typu
- pozycja
-
dowolna
- dziedziczenie
-
tak
- wartość initial
-
0 - wyjątki initial
-
brak
- animowanie
-
tak
Interpretacja właściwości text-stroke-width
-
tak, lecz w tym wypadku z przedrostkiem -webkit-, a nie z przedrostkiem -moz-
-
tak, lecz z przedrostkiem -webkit-
-
tak
-
tak, lecz z przedrostkiem -webkit-
-
nie
-
tak, lecz z przedrostkiem -webkit-
Zobacz więcej informacji o interpretacji właściwości text-stroke-width.
Opis wartości właściwości text-stroke-width
rozmiar
Wyjaśnienie
Za pomocą właściwości text-stroke-width oraz dowolnej nieujemnej liczby wraz z wybraną jednostką absolutną lub jednostką relatywną możemy określić rozmiar grubości konturu tekstu interesującego nas elementu HTML.
Przykład
text-stroke-width:6px;
Rozmiar grubości konturu tekstu przykładowego elementu "div" wynosi 6 pikseli, ponieważ do wspomnianego elementu "div" została dodana właściwość "text-stroke-width" wraz z wartością "6px".
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 {
text-stroke-width:6px;
text-stroke-color:red;
-webkit-text-stroke-width:6px;
-webkit-text-stroke-color:red;
font-size:10em;
font-weight:bolder;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>ABC</div>
</body>
</html>grubość linii
Wyjaśnienie
Za pomocą właściwości text-stroke-width oraz dowolnej dostępnej wartości grubości linii możemy określić rozmiar grubości konturu tekstu interesującego nas elementu HTML.
Przykład
text-stroke-width:medium;
Rozmiarem grubości konturu tekstu przykładowego elementu "div" jest rozmiar średni, ponieważ do wspomnianego elementu "div" została dodana właściwość "text-stroke-width" wraz z wartością "medium".
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 {
text-stroke-width:medium;
text-stroke-color:red;
-webkit-text-stroke-width:medium;
-webkit-text-stroke-color:red;
font-size:10em;
font-weight:bolder;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>ABC</div>
</body>
</html>