html text outline code example
Example 1: html font white text with black border
h1 {
color: yellow;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
<h1>Hello World</h1>
Example 2: text outline html
.stroke
{
color: white;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
Example 3: how to apply outline to text in html css
#example3{
color: black;
font-size: 34px;
-webkit-text-stroke: 1px black;
-webkit-text-fill-color: white;
}
Example 4: outline text bootstrap
<span class="border">Text</span>
<span class="border-top">Text</span>
<span class="border-right">Text</span>
<span class="border-bottom">Text</span>
<span class="border-left">Text</span>