Home Web Front-end CSS Tutorial How to use text-outline attribute

How to use text-outline attribute

Feb 11, 2019 pm 04:01 PM
css3

The text-outline attribute is used to specify the text outline. Through this attribute, the thickness, blur radius, and color of the outline can be set.

How to use text-outline attribute

CSS3 text-outline attribute

Function: text-outline attribute Specifies text outline.

Syntax:

text-outline: thickness blur color;
Copy after login

thickness: Set the thickness of the outline.

color: The color of the outline.

blur: The blur radius of the outline, which can be omitted.

Note: All mainstream browsers do not support the text-outline attribute.

CSS3 Example of using the text-outline attribute

Set text-outline (text-outline):

p.test
{
text-outline: 2px 2px #ff0000;
}
Copy after login

Above That’s the entire content of this article. For more exciting front-end content, you can follow www.html.cn! ! !

The above is the detailed content of How to use text-outline attribute. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot Article Tags

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to achieve wave effect with pure CSS3? (code example) How to achieve wave effect with pure CSS3? (code example) Jun 28, 2022 pm 01:39 PM

How to achieve wave effect with pure CSS3? (code example)

Use CSS skillfully to realize various strange-shaped buttons (with code) Use CSS skillfully to realize various strange-shaped buttons (with code) Jul 19, 2022 am 11:28 AM

Use CSS skillfully to realize various strange-shaped buttons (with code)

How to hide elements in css without taking up space How to hide elements in css without taking up space Jun 01, 2022 pm 07:15 PM

How to hide elements in css without taking up space

It turns out that text carousel and image carousel can also be realized using pure CSS! It turns out that text carousel and image carousel can also be realized using pure CSS! Jun 10, 2022 pm 01:00 PM

It turns out that text carousel and image carousel can also be realized using pure CSS!

How to implement lace borders in css3 How to implement lace borders in css3 Sep 16, 2022 pm 07:11 PM

How to implement lace borders in css3

css3 what is adaptive layout css3 what is adaptive layout Jun 02, 2022 pm 12:05 PM

css3 what is adaptive layout

How to enlarge the image by clicking the mouse in css3 How to enlarge the image by clicking the mouse in css3 Apr 25, 2022 pm 04:52 PM

How to enlarge the image by clicking the mouse in css3

Does css3 animation effect have deformation? Does css3 animation effect have deformation? Apr 28, 2022 pm 02:20 PM

Does css3 animation effect have deformation?

See all articles