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>

Tags:

Html Example