プロパティ | 表の大きさ指定 |
---|---|
width:横の大きさ指定 pxまたは%指定; height:縦の大きさ指定 pxまたは%指定; | 表の大きさを指定する |
border: 太さ 色 スタイル; | 表の境界線を指定する |
border-collapse: collapse; | 隣接する境界線を結合して(重ねて)表示する (初期値) |
border-collapse: separate; | 隣接する境界線を分離して(間隔をあけて)表示する |
border-spacing: pxまたは%指定; | 境界線の間隔を指定する |
table-layout:auto ; | 自動レイアウトアルゴリズムを使用する (初期値) |
table-layout:fixed; | 固定レイアウトアルゴリズムを使用する |
empty-cells: show; | 空セルの表示 |
empty-cells: hide; | 空セルの境界線の表示・非表示を指定する |
caption-side: top; | 表の上に配置 (初期値) |
caption-side: bottom; | 表の下に配置 |
caption-side: left; | 表の左に配置 |
caption-side: right; | 表の右に配置 |
text-align:left ; | 表の上部の左に表示 |
text-align:center ; | 表の上部の中央に表示 |
text-align:right; | 表の上部の中央に表示 |
visibility: collapse; | 表の行または列を詰める |
プロパティ | セル内の文字の位置を指定する |
---|---|
text-align: left ; | 左寄せ |
text-align: center; | 中央揃え |
text-align: right; | 右寄せ |
text-align: jefty; | 両寄せ |
vertical-align: baseline; | 1行目のベースラインを揃える |
vertical-align:top; | 上揃え |
vertical-align: middle; | 中央揃え |
width:横の大きさ指定 pxまたは%指定; height:縦の大きさ指定 pxまたは%指定; | セルの大きさを指定する |
width:横の大きさ指定 (pxまたは%); height:縦の大きさ指定 (pxまたは%); | セルの大きさを指定する |
padding: 内側の大きさ指定(pxまたは%); | セル内の余白を指定する |
white-space: nowrap; | セル内で自動改行させない |
タイトル | 表の背景色の変更 |
---|---|
background-color: 色指定; | 表の背景色を指定する |
background-image: url(画像URL指定); | 表の背景に画像を使う |
プロパティ | フロートの指定 |
---|---|
float:none; | フロートさせない (初期値) |
float:left ; | 表を左に配置して、後続の内容を右側に回り込ませる |
float:right; | 表を右に配置して、後続の内容を左側に回り込ませる |
margin: [上下左右の指定]; margin:[上下] [左右]; margin: [上][左右][下]; margin: [上][右][下][左]; | 表の周囲に空白を入れる |
clear:none; | 回り込みを解除しない (初期値) |
clear: right ; | 左フロートに対する回り込みを解除 |
clear: both; | どちらの回り込みも解除 |