The rules property sets or returns which inner-borders (between the cells) that should be displayed in a table.
Set the rules property:
Return the rules property:
|none||No inner-borders are displayed|
|groups||Inner-borders are displayed between row groups and column groups|
|rows||Inner-borders are displayed between rows|
|cols||Inner-borders are displayed between columns|
|all||Inner-borders are displayed between rows and columns|
The rules property is supported in all major browsers.
Note: IE9 displays this property correctly. Earlier versions of IE adds the four outside borders in addition to the inside borders.
Note: Chrome and Safari displays this property incorrectly: They add the affected outside borders in addition to the inside borders.
Set two different inner-borders of a table:
Your message has been sent to W3Schools.