Style properties in CSS can be divided into two broad categories:
Layout properties, consisting of properties that affect the positioning of elements on a Web page, such as margins, padding, and alignment.
Formatting properties, consisting of properties that affect the visual display of elements within a Web site, such as font type.
Basic layout properties, one of the most important layout properties is the display property, which describes how an element is displayed relative to other elements.
The display property has 4 basic values:
①block: Display the element on a new line, such as in a new paragraph.
②list-item: Displays the element on a new line with a list-item marker (bullet) next to it.
③inline: Use the current paragraph to display elements inline.
④none: The element is not displayed, it is hidden.
Formatting properties: One of the most popular formatting properties is the border property.
The border property describes how an element borders:
①border-width: the width of the border edge
②border-color: The color of the border edge
③border-style: the style of the border edge
④border-left: the left side of the border
⑤border-right: the right side of the border
⑥border-top: the top of the border
⑦border-bottom: the bottom of the border
⑧border: the sides of the border
The border-style property is set to one of the following basic values (default is none)
①solid: single-line border
②double: double-line border
③dashed: dashed dashed border.
④dotted: dotted border
⑤groove: a border with a grooved appearance
⑥ridge: a border with a ridged appearance
⑦inset: a border with an inline appearance
⑧outset: a border with a convex appearance
⑨none: no border
⑩hidden: actually equivalent to none