Answers for "font-outline css"

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
4

css outline

<!DOCTYPE html>
<html>
<head>
<style>
p {outline-color:red;}

p.dotted {outline-style: dotted;}
p.dashed {outline-style: dashed;}
p.solid {outline-style: solid;}
p.double {outline-style: double;}
p.groove {outline-style: groove;}
p.ridge {outline-style: ridge;}
p.inset {outline-style: inset;}
p.outset {outline-style: outset;}
</style>
</head>
<body>

<h2>The outline-style Property</h2>

<p class="dotted">A dotted outline</p>
<p class="dashed">A dashed outline</p>
<p class="solid">A solid outline</p>
<p class="double">A double outline</p>
<p class="groove">A groove outline. The effect depends on the outline-color value.</p>
<p class="ridge">A ridge outline. The effect depends on the outline-color value.</p>
<p class="inset">An inset outline. The effect depends on the outline-color value.</p>
<p class="outset">An outset outline. The effect depends on the outline-color value.</p>

</body>
</html>
Posted by: Guest on October-07-2020

Browse Popular Code Answers by Language