-webkit- and -moz-border-radius no funciona en las tablas?

Question

Esto funciona

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

Esto no funciona

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

¿Alguien sabe cómo utilizar -moz y webkit para trabajar en las mesas?

Answer 1

5.6. Effect on Tables

Las propiedades ‘frontera de radio’ hacer aplican a ‘mesa’ y ‘inline-table’ elementos. Cuando 'border-collapse' es 'collapse', el UA puede aplicar las propiedades border-radius a los elementos 'table' y 'inline-table', pero no es necesario . En este caso no sólo deben los radios frontera de esquinas adyacentes no se cruzan, pero los radios horizontales y verticales de una sola esquina no puede extenderse más allá de los límites de la celda en esa esquina (es decir, otras esquinas de la célula debe no verse afectado por el radio de borde de esta esquina ). Si los valores calculados de los radios de la frontera podría causar este efecto , a continuación, los valores utilizados de todos los radios borde de la tabla deben ser reducidos por el mismo factor de forma que los radios no se cruzan ni se extienden más allá de los límites de sus celdas de esquina respectivas.

El efecto de la frontera de radio en elementos de una tabla interna es indefinido en Fondos CSS3 y bordes, pero se puede definir en un futuro especificación . Los AU de CSS3 deben ignorar las propiedades de radio de borde aplicadas a los elementos de tabla interna cuando 'colapso de borde' es 'colapso'.