CSS styles for form borders Description We know that Dreamweaver is doing very well in terms of form making, but at some time, it is necessary to combine CSS to achieve some specific effects. Let's first put it out of the CSS syntax of the table border, then Also describe how to beautify the borders of the table with a CSS.
CSS syntax for table border
The specific content includes: upper frame width, right frame width, lower frame width, left box width, border width, border color, border pattern, upper frame, lower frame, left border, right box, border, width, height, related tag, etc. .
1. Width on the border
Syntax: border-top-width:
Allowed value: Thin | Medium | Thick |
Initial value: Medium
Suitable for: all objects
Back down: No
The upper frame width properties are used to specify the width of the border on one element. The value can be one of the three keywords, and it is not affected by the size or length of the font, which can be used to achieve a proportional width. Negative values are not allowed. You can also use the attributes of the upper box, the width or border of the border.
2. Right box width
Syntax: Border-Right-Width:
Allowed value: Thin | Medium | Thick |
Initial value: Medium
Suitable for: all objects
Back down: No
The right box width property is used to specify the width of the right frame of the element. The value can be one of the three keywords, and it is not affected by the size or length of the font, which can be used to achieve a proportional width. Negative values are not allowed. You can also use the properties of the right box, the width of the border or the border.
3. Under the border width
Syntax: border-bottom-width:
Allowed value: Thin | Medium | Thick |
Initial value: Medium
Suitable for: all objects
Back down: No
The lower frame width property is used to specify the width of the lower frame of the element. The value can be one of the three keywords, and it is not affected by the size or length of the font, which can be used to achieve a proportional width. Negative values are not allowed. It is also possible to be slightly written in the bottom box, the width of the border or the border.
4. Left box width
Syntax: Border-Left-Width:
Allowed value: Thin | Medium | Thick |
Initial value: Medium
Suitable for: all objects
Back down: No
The left box width property is used to specify the width of the left frame of the element. The value can be one of the three keywords, and it is not affected by the size or length of the font, which can be used to achieve a proportional width. Negative values are not allowed. You can also use the attribute of the left box, the width of the border, or the border.
5. Border width
Syntax: Border-width:
Allowed value: [Thin | Medium | Thick |
Initial value: undefined
Suitable for: all objects
Back down: No
Border width properties use one to four values to set the boundary of the element, the value is a keyword or length. Negative length is not allowed. If four values are given, they are applied to the models of the upper, right, lower, and left boxes. If a value is given, it will be applied to each side. If two or three values are given, the value omitted is equal to the edge. This attribute is a slight written on the width of the upper frame, the width of the right frame, the lower frame width, and the left box width attribute. You can also use a slightly written border properties.
6. Border color
Syntax: Border-Color:
Allow value:
Initial value: value of color properties
Suitable for: all objects
Back down: No
Border color properties Set the border color of an element. You can use one to four keywords. If four values are given, they are applied to the models of the upper, right, lower, and left boxes. If a value is given, it will be applied to each side. If two or three values are given, the value omitted is equal to the edge. You can also use a slightly written border properties.
7. Border pattern
Syntax: Border-style:
Allowed value: [NONE | DOTTED | DASHED | SOLID | DOUBLE | GROOVE | Ridge | INSET | OUTSET] {1,4} initial value: None
Suitable for: all objects
Back down: No
Border pattern properties are used to set the style of one element border. This property must be used to specify a visible border. You can use one to four keywords. If four values are given, they are applied to the models of the upper, right, lower, and left boxes. If a value is given, it will be applied to each side. If two or three values are given, the value omitted is equal to the edge. You can also use a slightly written border properties.
None: No pattern;
Dotted: Point line;
Dashed: dotted;
Solid: solid line;
Double: Double Line;
Groove: Slot line;
Ridge: ridgeline;
INSET: Concand;
Outset: Oversely.
8. On the border
Syntax: Border-top:
Allow value:
Initial value: undefined
Suitable for: all objects
Back down: No
The upper frame property is a slight written for setting the width, model, and color of an element. Note You can only give a border pattern. You can also use a slightly written border properties.
9. Right Box
Syntax: Border-Right:
Allowed value:
Initial value: undefined
Suitable for: all objects
Back down: No
The right frame attribute is a width, model, and color of the right frame for setting an element. Note You can only give a border pattern. You can also use a slightly written border properties.
10. Next border
Syntax: Border-Bottom:
Allow value:
Initial value: undefined
Suitable for: all objects
Back down: No
The following frame properties are a slight written to the width, model, and color of the lower frame of the elements. Note You can only give a border pattern. You can also use a slightly written border properties.
11. Left border
Syntax: Border-Left:
Allow value:
Initial value: undefined
Suitable for: all objects
Back down: No
The left frame attribute is a slight written for setting the width, model, and color of the left frame of an element. Note You can only give a border pattern. You can also use a slightly written border properties.
12. Border
Syntax: Border:
Allowed value:
Initial value: undefined
Suitable for: all objects
Back down: No
The border property is a slight written for setting the width, model, and color of an elemental border.
An example of a border declaration includes:
H2 {border: groove 3em}
A: link {border: solid blue}
A: visited {border: Thin Dotted # 800080}
A: Active {Border: Thick Double Red}
Border properties can only set four borders; only the width and pattern of a set of borders can be given. In order to give different values of the four borders of elements, web pages must use one or more properties such as: upper frame, right box, lower frame, left border, border color, border width, border type, on Border width, right frame width, lower border width, or left box width.
13. Width
Syntax: Width:
Allow value:
Initial value: auto
Suitable for: block level and replacement elements
Back down: No Width attribute is "auto", that is, the original width of the element (there is an element's own width). Percentage references to the width of the superiors. Negative length values are not allowed.
14. Height
Syntax: Height:
Allow value:
Initial value: auto
Suitable for: block level and replacement elements
Back down: No
The initial value of the height attribute is "auto", which is the original height of the element (there is an element's height,). Percentage references to the width of the superiors. Negative length values are not allowed.
15. Related Tags
Table: Table label, definition of the entire table style is placed in Table;
TD: Cell label, definition of cell style is in TD.
