How to use the text-stroke attribute of css to make text strokes

This article mainly introduces how to use the text-stroke attribute of css to make text strokes, with a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

One: textshadow attribute:

Many people use text-stroke to stroke text in css. In fact, to stroke a line of text is to add a border to a line of text.

Second, the use of text-stroke syntax:

Text-stroke: width value color valu

Explanation:

In fact, text-stroke is a consistent syntax, which is composed of two sub-attributes: width value and color value.

The 1.text-stroke-width attribute explains: set the width of the border. Generally speaking, we can express it by length.

2.text-stroke-color attribute explanation: generally set the color of the border

Third, examples of the usage of the text-stroke attribute:

CSS3text-stroke attribute

Div

{

Font-size:30px

Font-weight:bold

}

# div2

{

Text-stroke:1pxred

-webkit-text-stroke:1pxred

-moz-text-stroke:1pxred

-o-text-stroke:1pxred

}

I wasn't stroked.

I was stroked on the red edge of 1 pixel

Thank you for reading this article carefully. I hope the article "how to use the text-stroke attribute of css to make text strokes" shared by the editor will be helpful to everyone. At the same time, I also hope you can support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!