Border - Shorthand property To shorten the code, it is also possible to specify all the individual border properties in one property. This is called a shorthand property.

Border - Individual sides In CSS it is possible to specify different borders for different sides:

Border Color The border-color property is used to set the color of the border. The color can be set by: name - specify a color name, like "red" RGB - specify a RGB value, like "rgb(255,0,0)" Hex - specify a hex value, like "#ff0000"

Border Width The border-width property is used to set the width of the border. The width is set in pixels, or by using one of the three pre-defined values: thin, medium, or thick.

border-style values: none: Defines no border dotted: Defines a dotted border dashed: Defines a dashed border solid: Defines a solid border double: Defines two borders. The width of the two borders are the same as the border-width value groove: Defines a 3D grooved border. The effect depends on the border-color value ridge: Defines a 3D...

The CSS border properties allow you to specify the style, size, and color of an element's border.

Table Color The example below specifies the color of the borders, and the text and background color of <th> elements:

Table Padding To control the space between the border and content in a table, use the padding property on <td> and <th> elements:

Vertical Text Alignment The vertical-align property sets the vertical alignment, like top, bottom, or middle.

Horizontal Text Alignment The text-align property sets the horizontal alignment, like left, right, or center.