CSS BORDER HTML5, CSS3 Bootstrap 4 For Web Development (Technical IT) смотреть онлайн

In CSS, the border property is used to add borders to HTML elements. It is a shorthand property that allows you to set the width, style, and color of the border in a single line.

Here is an example of using the border property:

css
Copy code
border: 2px solid #000000;
This sets a border of 2 pixels width, with a solid style and black color, around the element.

You can also set the border width, style, and color individually using the border-width, border-style, and border-color properties.

Here are some examples:

css
Copy code
border-width: 1px 2px 3px 4px;
This sets the border width of the element to 1 pixel for the top side, 2 pixels for the right side, 3 pixels for the bottom side, and 4 pixels for the left side.

css
Copy code
border-style: dotted;
This sets the border style of the element to dotted.

css
Copy code
border-color: #FF0000;
This sets the border color of the element to red.

You can also set different border properties for each side of the element using the border-top, border-right, border-bottom, and border-left properties.

Here is an example:

css
Copy code
border-top: 1px solid #000000;
border-right: 2px dashed #FF0000;
border-bottom: 3px dotted #00FF00;
border-left: 4px double #0000FF;
This sets a border of different styles and colors for each side of the element.

Overall, the border property and its related properties provide a lot of flexibility for creating borders around HTML elements.