css text-stroke, metin dış çizgi özelliklerini belirlemek için kullanırız. Metindeki harflerin dış çizgi kalınlığını ve rengini belirlerken kullanırız.
Aldığı parametreler:
color : Metin dış çizgi rengi.
length : Metine verilecek dış çizgi genişliği için kullanılır.
inherit : Bir üstteki elementten miras alır.
initial : Varsayılan değere çevirir.
Örnek:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
p{
color: black;
font-weight:bold;
font-size: 32px;
-webkit-text-stroke: 1px blue;
}
.one { -webkit-text-stroke: 2px; }
.two { -webkit-text-stroke: 2px red; }
.three { -webkit-text-stroke: initial }
.four { -webkit-text-stroke: 2px green }
.four-child { -webkit-text-stroke: inherit; }
</style>
<body>
<p class="one">
Tasarım ve Yazılım
</p>
<p class="two">
Tasarım ve Yazılım
</p>
<p class="three">
Tasarım ve Yazılım
</p>
<div class="four">
<p class="four-child">
Tasarım ve Yazılım
</p>
</div>
</body>
</html>Html Çıktısı:
Başka bir yazımızda görüşmek üzere…
