css border 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: text border css

h1 {
  -webkit-text-stroke: 1px black;
}

Example 3: how to make border for letters in css

h1 {
    -webkit-text-stroke: 2px black; /* width and color */

    font-family: sans; color: yellow;
}

Example 4: 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;

Example 5: how to make a text with a border in css

h1{
    width:30px;
    margin-top:-10px;
    margin-left:5px;
    background:white;
}

/* Change the values to achieve what design you want */

Tags:

Css Example