text border in css 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 make border for letters in css
h1 {
/* 1 pixel black shadow to left, top, right and bottom */
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
font-family: sans; color: yellow;
}
Example 3: text border css
h1 {
-webkit-text-stroke: 1px black;
}
Example 4: css text border
h1 {
color: white;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
Example 5: how to make border for letters in css
h1 {
-webkit-text-stroke: 2px black; /* width and color */
font-family: sans; color: yellow;
}
Example 6: put an border around an text in css
text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;