-webkit- i -moz-border-radius nie działa w tabelach?

Question

Działa

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

To nie działa

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

Czy ktoś wie, jak używać -moz i -webkit pracować na stołach?

Answer 1

5.6. Effect on Tables

Właściwości „border-radius” nie zastosowanie do „table” i „inline-table” elementów. Gdy "zwinięcie obramowania" jest "zwinięciem", UA może zastosować właściwości o zakresie brzegowego promienia do "tabeli" i elementów "tabeli w linii", ale nie jest wymagane od . W tym przypadku nie tylko musi promienie granicy sąsiednich rogach nie przecinają się, ale promienie poziome i pionowe o pojedynczym rogiem nie mogą wystawać poza granicach komórki w tym rogu (czyli komórki inne rogi must nie ma wpływu na ten róg w obszarze o promieniu obramowania ). Jeśli wartości obliczonych z promieni granicznych spowodowałoby to efektu, wówczas używane wartości wszystkich promienie obramowanie tabeli należy zmniejszone o taki sam współczynnik, tak aby promienie nie przecinają się ani nie rozszerzają przeszłość granic ich odpowiednie komórki narożne.

Wpływ granicznej promienia na wewnętrznych elementów tabeli jest zdefiniowana tłach CSS3 i graniczącego, ale może być zdefiniowana w opisie przyszłości. Aplikacje CSS3 powinny ignorować właściwości krawędzi o promieniu zastosowane do wewnętrznych elementów tabeli , gdy "zwinięcie obramowania" jest "zwinięcie".