Css basic entry border

Source: Internet
Author: User
Tags border color

The specific content includes: top border width, right border width, bottom border width, left border width, border width, border color, border style, top border, bottom border, left border, right border, border, width, height, related labels, etc.

1. Top border width
Syntax: border-top-width: <value>

Allowed value: thin | medium | thick | <length>

Initial value: medium

Applicable to: all objects

Backward Compatible: no

The top border width attribute is used to specify the width of the top border of an element. The value can be one of the three keywords, regardless of the font size or length, and can be used to implement proportional width. Negative values are not allowed. You can also use the upper border, the border width, or the border attribute to slightly write.

2. Right border width

Syntax: border-right-width: <value>

Allowed value: thin | medium | thick | <length>

Initial value: medium applies to: all objects

Backward Compatible: no

 

The right border width attribute is used to specify the width of the right border of an element. The value can be one of the three keywords, regardless of the font size or length, and can be used to implement proportional width. Negative values are not allowed. You can also use the right border, border width, or border attribute to slightly write.

3. Bottom border width

Syntax: border-bottom-width: <value>

Allowed value: thin | medium | thick | <length>

Initial value: medium

Applicable to: all objects

Backward Compatible: no

The bottom border width attribute is used to specify the width of the bottom border of an element. The value can be one of the three keywords, regardless of the font size or length, and can be used to implement proportional width. Negative values are not allowed. You can also use the lower border, the border width, or the border attribute to slightly write.

4. Left border width

Syntax: border-left-width: <value>

Allowed value: thin | medium | thick | <length>

Initial value: medium

Applicable to: all objects

Backward Compatible: no

The left border width attribute is used to specify the width of the left border of an element. The value can be one of the three keywords, regardless of the font size or length, and can be used to implement proportional width. Negative values are not allowed. You can also use the left border, border width, or border attribute to slightly write.

5. Border width

Syntax: border-width: <value>

Allowed value: [thin | medium | thick | <length>}

Initial value: undefined

Applicable to: all objects

Backward Compatible: no

The border width attribute uses one to four values to set the border of an element. The value is a keyword or length. Negative value length is not allowed. If the four values are given, they are applied to the pattern of the top, right, bottom, and left border respectively. If a value is given, it is applied to each edge. If two or three values are given, the omitted value is equal to the logarithm. This attribute is omitted from the top border width, right border width, bottom border width, and left border width. You can also use the slightly written border attribute.

6. Border color

Syntax: border-color: <value>

Allowed value: <color> {1, 4}

Initial value: Color attribute value

Applicable to: all objects

Backward Compatible: no

The border color attribute sets the border color of an element. You can use one or four keywords. If the four values are given, they are applied to the pattern of the top, right, bottom, and left border respectively. If a value is given, it is applied to each edge. If two or three values are given, the omitted value is equal to the logarithm. You can also use the slightly written border attribute.

7. Border style

Syntax: border-style: <value>

Allowed value: [none | dotted | dashed | solid | double | groove | ridge | inset | outset}

Initial value: none

Applicable to: all objects

Backward Compatible: no

The border style attribute is used to set the style of an element border. This attribute must be used to specify the visible border. You can use one or four keywords. If the four values are given, they are applied to the pattern of the top, right, bottom, and left border respectively. If a value is given, it is applied to each edge. If two or three values are given, the omitted value is equal to the logarithm. You can also useSlightly written border attributes.

None: no style;
Dotted: dot line;
Dashed: Dotted line;
Solid: solid line;
Double: double line;
Groove: groove;
Ridge: Spine;
Inset: inner concave;
Outset: convex.8. Upper border

Syntax: border-top: <value> allowed value: <upper border width >||< border style >||< color>

Initial value: undefined

Applicable to: all objects

Backward Compatible: no

The upper border attribute is a short write that is used to set the width, style, and color of an element's upper border.Note:Only one border style can be provided. You can also use the slightly written border attribute.

9. Right border

Syntax: border-right: <value>

Allowed value: <right border width >||< border style >||< color>

Initial value: undefined

Applicable to: all objects

Backward Compatible: no

The right border attribute is a brief description of the width, style, and color of the right border of an element.Note:Only one border style can be provided. You can also use the slightly written border attribute.

10. Bottom border

Syntax: border-bottom: <value>

Allowed value: <bottom border width >||< border style >||< color>

Initial value: undefined

Applicable to: all objects

Backward Compatible: no

The bottom border attribute is a slight write that is used to set the width, style, and color of the bottom border of an element.Note:Only one border style can be provided. You can also use the slightly written border attribute.

 

11. Left border

Syntax: border-left: <value> allowed value: <left border width >||< border style >||< color>

Initial value: Undefined. Applicable to: all objects.

Backward Compatible: no

The left border attribute is a brief description of the width, style, and color of the left border of an element.Note:Only one border style can be provided. You can also use the slightly written border attribute.

12. Border

Syntax: border: <value>

Allowed value: <border width >||< border style >||< color> initial value: undefined applicable to: all objects

Backward Compatible: no

The border attribute is a slight write that is used to set the width, style, and color of an element border.

Border Declaration examples include:

H2 {border: groove 3em}
A: link {border: solid blue}
A: visited {border: thin dotted #800080}
A: active {border: thick double red}

You can set only four border types. You can only specify the width and style of a border group. To give different values of the four borders of an element, the web builder must use one or more attributes, such: top border, right border, bottom border, left border, border color, border width, border style, top border width, right border width, bottom border width or left border width.

13. Width

Syntax: width: <value>

Allowed value: <length >|< percentage> | auto

Initial value: auto

Applicable to: block-level and replacement elements

Backward Compatible: no

The initial value of the width attribute is "auto", that is, the original width of the element (that is, the width of the element itself ). For the percentage, see the width of the upper-level element. Negative length values are not allowed.

14. Height

Syntax: height: <value>

Allowed value: <length> | auto

Initial value: auto

Applicable to: block-level and replacement elements

Backward compatibility: whether the initial value of the height attribute is "auto", that is, the original height of the element (that is, the height of the element itself ,). For the percentage, see the width of the upper-level element. Negative length values are not allowed.

15. Related labels

Table: table label. The definition of the entire table style should be placed in the table;
Td: The cell label. The definition of the cell style should be placed in td.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.