Answers for "css add border to text"

CSS
9

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;
}
Posted by: Guest on March-02-2020
14

text border css

h1 {
  -webkit-text-stroke: 1px black;
}
Posted by: Guest on April-08-2020
1

css text border

h1 {
  color: white;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
Posted by: Guest on April-02-2021
0

how to add a border around text in html

<p style="border:3px; border-style:solid; border-color:#FF0000; padding: 1em;">
  First example with text surrounded by a red border.<br>This example also has multiple lines.
</p>
Posted by: Guest on July-19-2020
1

css text border

p{
  border: 1px solid #f00;
  /* 
    ShortHand 
    border: border-width border-style border-color
  */
}
Posted by: Guest on June-14-2021
2

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;
Posted by: Guest on April-15-2020

Browse Popular Code Answers by Language