CSS outline with 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: 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;
}

Tags:

Css Example