We can use the text-stroke property of CSS to Display or highlight the outline of a text in Web page.
Let's Create a Web Page Named textstroke.html
<!doctype html>
<head>
<title>The text-stroke property </title>
<style>
p{font-size:90px;}
</style>
</head>
<body><h1>Working With text-stroke property in CSS</h1>
<p style="-webkit-text-stroke-color:green;-webkit-text-fill-color:yellow;-webkit-text-stroke-width:3px;">In this Web document we shown the text-stroke property</p>
</body>
</html>
Here We have used the text-stroke property and also specified the color and width of the text stroke using the text-stroke-color and text-stroke-width properties.
The Browser View of the Above documents:
Let's Create a Web Page Named textstroke.html
<!doctype html>
<head>
<title>The text-stroke property </title>
<style>
p{font-size:90px;}
</style>
</head>
<body><h1>Working With text-stroke property in CSS</h1>
<p style="-webkit-text-stroke-color:green;-webkit-text-fill-color:yellow;-webkit-text-stroke-width:3px;">In this Web document we shown the text-stroke property</p>
</body>
</html>
Here We have used the text-stroke property and also specified the color and width of the text stroke using the text-stroke-color and text-stroke-width properties.
The Browser View of the Above documents:
No comments:
Post a Comment