Css Text-border 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 color border


h1 {
text-shadow: 1px 1px #ffffff;
}

Example 5: 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 6: border for text in html


/*All types of border*/
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}

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