text outline html

1/* You have 2 options
2   The first is experimental */
3
4/* text-stroke */
5#example {
6	font-size: 1em;
7	-webkit-text-stroke: 1px #000000;
8}
9
10/* Use 4 shadows
11   Probably best to use this until the above is standardised */
12#example {
13	font-size: 1em;
14	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
15}

1h1 {
2    color: yellow;
3    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
4}
5<h1>Hello World</h1>

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

1#example3{
2	color: black;
3	font-size: 34px;
4	-webkit-text-stroke: 1px black;
5	-webkit-text-fill-color: white;
6}

1.stroke
2{
3    color: white;
4    text-shadow:
5    -1px -1px 0 #000,
6    1px -1px 0 #000,
7    -1px 1px 0 #000,
8    1px 1px 0 #000;  
9}

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