Text outline html

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;
}

Source: stackoverflow.com

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;
}

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>

Text outline css

.strokeme {
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

Source: stackoverflow.com

Text outline html

.stroke
{
    color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
}

Source: stackoverflow.com

Similar codes

3 votes168 views1 answer
Nuxt select option v-for
Html
0 vote113 views1 answer
Html pass attribute to react
Html
1 vote164 views1 answer
Routerlink forward ionic
Html
0 vote157 views1 answer
About us html template
Html
0 vote147 views1 answer
How to put button in top right corner in html
Html
0 vote182 views1 answer
The template root requires exactly one element.eslint-plugin-vue
Html
1 vote180 views5 answers
Html quote code
Html
0 vote178 views1 answer
Bulma search dropdown
Html
2 votes152 views1 answer
How to contrast img in html
Html
4 votes176 views1 answer
Cool css buton
Html