Description

An outline is a line that is drawn around elements, outside the borders, to make the element "stand out". The outline property is a shorthand property for:

• outline-width
• outline-style(required)
• outline-color

P.s.: If outline-color is omitted, the color applied will be the color of the text.

Examples:

outline-style: dotted;

outline-width: 30px;

outline-color: green;

Description

CSS gradients are represented by the gradient data type, a special type of image made of a progressive transition between two or more colors. You can choose between three types of gradients:

• linear
• radial
• conic

Examples:

background: linear-gradient(red, yellow, blue, orange);

background: radial-gradient(red, yellow, blue, orange);

background: conic-gradient(red, yellow, blue, orange);

Description

The list-style-type specifies the type of list-item marker in a list. There are many types of list styles. Some of them are:

• space-counter
• decimal
• lower roman
• katakana

Examples:

list-style-type: "\1F44D";

• List item

list-style-type: decimal;

• List item

list-style-type: lower-roman;

• List item

list-style-type: katakana;

• List item

Description

The text-decoration property specifies the decoration added to text. It is a shorthand property for:

• text-decoration-line (required)
• text-decoration-color
• text-decoration-style
• text-decoration-thickness

Examples:

text-decoration-line: overline;

text-decoration-color: red;

text-decoration-style: dotted;

text-decoration-thickness: 5px;