TableIs the data carrier, no longer is the layout of the way, although we do not need a table for the layout of the page, but a lot of tabular data, or need a form to play its role! We know that Dreamweaver is doing a good job in table making, but at some point it must be combined with CSS to achieve some specific effects, so we'll sort out the CSS syntax for the table border, and then explain how to use CSS to beautify the border of the table.
1. Top Border Width
The following is a reference fragment:
Syntax: Border-top-width: < value >
Allowable Value: Thin | Medium | Thick | < length >
Initial value: Medium
Apply to: All objects
Backward compatible: No |
The top box Width property is used to specify the width of the top border of an element. The value can be one of three keywords, not affected by the font size or length, and can be used to achieve proportional widths. Negative values are not allowed. You can also use the properties of the top border, the width of the borders, or the border to write slightly.
2. Right Border width
The following is a reference fragment:
Syntax: Border-right-width: < value >
Allowable Value: Thin | Medium | Thick | < length >
Initial value: Medium
Apply to: All objects
Backward compatible: No |
The right border Width property is used to specify the width of the right border of the element. The value can be one of three keywords, not affected by the font size or length, and can be used to achieve proportional widths. Negative values are not allowed. You can also use the properties of the right border, the width of the borders, or the border to write slightly.
3. Bottom Border Width
The following is a reference fragment:
Syntax: Border-bottom-width: < value >
Allowable Value: Thin | Medium | Thick | < length >
Initial value: Medium
Apply to: All objects
Backward compatible: No |
The bottom border Width property is used to specify the width of the bottom border of the element. The value can be one of three keywords, not affected by the font size or length, and can be used to achieve proportional widths. Negative values are not allowed. You can also use the properties of the bottom border, the width of borders, or the border to write slightly.
4. Left Border width
The following is a reference fragment:
Syntax: Border-left-width: < value >
Allowable Value: Thin | Medium | Thick | < length >
Initial value: Medium
Apply to: All objects
Backward compatible: No |
The left Border Width property is used to specify the width of the left border of the element. The value can be one of three keywords, not affected by the font size or length, and can be used to achieve proportional widths. Negative values are not allowed. You can also use the properties of the left border, the width of the bounding box, or the border to write slightly.
5. Border Width
The following is a reference fragment:
Syntax: Border-width: < value >
Allowable value: [Thin | medium | thick | < length >]{1,4}
Initial value: Not defined
Apply to: All objects
Backward compatible: No |
The border Width property sets the bounds of an element with a value of one to four values, which is a keyword or length. Negative length is not allowed. If four values are given, they apply to the style of the top, right, bottom, and left borders respectively. If a value is given, it is applied to each side. If two or three values are given, the omitted values are equal to the edges. This
9 7 3 12 4 8:
