Strange inheritance in CSS

Question

I have a following code:

<html>
<head>
<style>
    table {
        border: solid red 2px;
    }
    tr {
        border: solid red 2px;
    }
    td {
        border: inherit;
    }
</style>
</head>
<body>
    <table>
    <tr>
        <td> 1 </td> <td> 2 </td>
    </tr>
    <tr>
        <td> 1 </td> <td> 2 </td>
    </tr>
    </table>
</body>
</html>

It works correctly. A property border of "tr" inherit by child "td".

But this code work differently, in spite of fact, that logical of work is the same:

<html>
<head>
<style>
    table {
        border: solid red 2px;
    }
    tr {
        border: inherit;
    }
    td {
        border: inherit;
    }
</style>
</head>
<body>
    <table>
    <tr>
        <td> 1 </td> <td> 2 </td>
    </tr>
    <tr>
        <td> 1 </td> <td> 2 </td>
    </tr>
    </table>
</body>
</html>

There is property border of "tr" don't inherit by child "td". Why?

Vise versa. If I write a question incorrectly edit him please. — Queue Overflow
– Queue Overflow, Commented Oct 13, 2014 at 5:35

gp. · Accepted Answer · 2014-10-13 05:35:39Z

5

In the final html that is rendered, tr is not child of table but tbody.

Hierarchy is: table -> tbody -> tr

Default border of tbody is not inherit but `medium , therefore, tr doesn't inherit.

Try this:

tbody, tr {
    border: inherit;
}

answered Oct 13, 2014 at 5:35

gp.

8,2533 gold badges42 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Queue Overflow Over a year ago

It is nice explanation. I don't know about a existing of a implicit tag tbody... damn.

gp. Over a year ago

it's still valid not to explicitly put tbody. See w3.org/TR/html-markup/tbody.html A tbody element's start tag may be omitted if the first thing inside the tbody element is a tr element

Collectives™ on Stack Overflow

Strange inheritance in CSS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related