web-dev-qa-db-ja.com

-webkit-および-moz-border-radiusはテーブルでは機能しませんか?

これは動作します

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を使用してテーブルを操作する方法を知っている人はいますか?

17
Lorne Markham

5.6。テーブルへの影響

「border-radius」プロパティは、「table」要素と「inline-table」要素に適用されます。 「border-collapse」が「collapse」の場合、UAはborder-radiusプロパティを「table」要素と「inline-table」要素に適用できますが、必須ではありません。この場合、隣接するコーナーの境界半径が交差しないだけでなく、単一のコーナーの水平半径と垂直半径がそのコーナーのセルの境界を超えてはならない(つまり、セルの他のコーナーがこのコーナーの影響を受けてはならない)境界半径)。境界半径の計算値がこの影響を引き起こす場合は、テーブルのすべての境界半径の使用値を同じ係数で減らして、半径がそれぞれのコーナーセルの境界を越えたり交差したりしないようにする必要があります。

内部テーブル要素に対するborder-radiusの影響は、CSS3の背景と境界線では定義されていませんが、将来の仕様で定義される可能性があります。 CSS3 UAは、「border-collapse」が「collapse」の場合、内部テーブル要素に適用されるborder-radiusプロパティを無視する必要があります。

8
SpliFF