3

colについての私の理解は、テーブルの列のすべての要素のクラスを示すために使用できるということです。しかし、これは私にはうまくいかないようです。クラスを個々のtdに適用できますが、これを回避するためにcolを使用したいと思います。

これがhtmlヘッドです：

<head>
<style type="text/css">
 .slick {
  background-color:#b0c4de; /*This always works*/
  border-style:solid; /*This doesn't work when only applied to a <col>*/
  border-width:5px;
 }
</style>
</head>

興味深いことに、背景色は常に機能しますが、境界線が失敗することがあります。

これがhtml本文です：

<body>
<table><tbody>
 <colgroup>
  <col class="slick" />
  <col class="slick" />
 </colgroup>
 <tr id="r1">
  <td><label >Planner/Scheduler/Estimators</label></td>
  <td class="slick"><label >2010</label></td>
 </tr>
</tbody></table>
</body>

tbodyまたはcolgroupタグを削除することは重要ではないようです。背景は両方の要素に存在します。境界線は、クラスがtdタグで指定されている2番目の要素にのみ適用されます。

境界線がcolで機能しないという予感がありましたが、Firebugは、スリックスタイルが左側の列にまったく適用されていないことを示しています。どうしたの？

4

3 に答える 3

4

w3 school によると、Firefox では width 属性のみが機能します。また、border 属性がまったくサポートされていないようにも見えます。

http://www.w3schools.com/tags/tag_col.asp

于 2010-10-04T17:05:04.547 に答える
0

これは、CSS 2.1 仕様border-collapse: collapse;が、関連する<table>要素に設定した場合にのみ異なる境界線プロパティが適用されると定義しているためです。

さらに、CSS 2.1 によると、列のスタイル設定に使用できるプロパティはごくわずかです (制限付き)。

  • 境界線のプロパティ (border-collapse: collapse;関連する<table>要素で必要)
  • 背景のプロパティ (セルと行の背景が透明な場合にのみ適用されます)
  • width
  • visibility(値collapseはセルのレンダリングを回避し、他の列にまたがるセルはクリップされます)
于 2015-08-25T20:55:44.163 に答える