Styling Tables

1. CSS provides many attributes to greatly enhance the look of a plain HTML table.
2. We can change the border pattern, merge the borders as well as highlight table text

Styling Border

• To specify table borders in CSS, we use the border property.
• There are multiple options for border:

1. border-style
2. border-width
3. border-color
4. border individual sides
5. border shorthand

“border-style”

1. none
2. dotted
3. dashed
4. solid
5. double
6. groove
7. ridge
8. inset
9. outset

“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:

1. thin
2. medium
3. thick.

“border-color”

• The border-color property is used to set the color of the border.
• The color can be set by:

1. name

2. rgb

3. hex

It can also be set to transparent

Individual borders

1. border-top-style
2. border-right-style
3. border-bottom-style
4. border-left-style