Html Outline Text Code Example


Example 1: css text outline


/* You have 2 options
The first is experimental */


/* text-stroke */
#example {
font-size: 1em;
-webkit-text-stroke: 1px #000000;
}

/* Use 4 shadows
Probably best to use this until the above is standardised */

#example {
font-size: 1em;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

Example 2: css text black outline


/* Written for h4 tag, modify as required */
.black-outline{
-webkit-text-stroke: 1.11px black; /* stroke width and color */
color: rgb(255, 255, 255);
-webkit-font-smoothing: antialiased;
font-weight: bold;
}

Example 3: 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 4: 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 5: 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;
}

Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable