-webkit- и -moz-border-radius не работают на таблицах?

Question

Это работает

div { 
    -moz-border-radius: 5px 5px 0 0; 
    border:1px solid #000; 
    margin:30px; 
} 

Это не работает

table { 
    -moz-border-radius: 5px 5px 0 0; 
    border:1px solid #000; 
    margin:30px; 
} 

Кто-нибудь знает, как использовать -moz и -webkit работать на столах?

Answer 1

5.6. Effect on Tables

В «границе радиус» свойство этого относится к «столу» и «инлайн-таблице» элементов. Когда «border-collapse» равен «collapse», UA может применять свойства граничного радиуса к «таблице» и элементам «встроенный стол», но не требуется . В этом случае не только должны границы радиусы соседних углов не пересекаются, но горизонтальные и вертикальные радиусы в одного угла не могут проходить мимо границ ячейки в этом углу (то есть другие углов клетки должны не зависит от этого угла border-radius). Если вычисленные значения пограничных радиусы приведут этот эффект, то используемые значения всех границы радиусы таблицы должны быть уменьшается на ту же величину, так что радиусов ни пересекаются и не распространяются мимо границ их соответствующих угловых ячеек.

Влияние границы радиуса на внутренних элементов таблицы не определено в CSS3 фон и рамки , но могут быть определены в будущем спецификации. CSS3 UA должны игнорировать свойства граничного радиуса, применяемые к внутренним элементам таблицы, когда «border-collapse» является «collapse».