書式 display:種類
対象全ての要素
継承しない
初期値 block
解説
要素の種類を指定します。以下のものが指定できます。
| 設定名 | 内容 |
|---|
| none | なし |
| block | ブロックレベル要素 |
| inline | インラインレベル要素 |
| list-item | リスト |
| marker | リストマーカー |
| run-in | ブロックレベル要素。ただし、以後に続くのがブロックレベル要素の場合、ブロックレベル要素をインラインレベル要素の先頭に表示する（float, positionで位置指定していない場合） |
| table | テーブル／表（ブロックレベル要素） |
| inline-table | テーブル／表（インラインレベル要素） |
| table-row | テーブル／表の行(tr) |
| table-row-group | テーブル／表の行(tbody) |
| table-header-group | テーブル／表の行グループ(thead) |
| table-column | テーブル／表の列(col) |
| table-column-group | テーブル／表の列グループ(colgroup) |
| table-caption | テーブル／表のキャプション(caption) |
| table-cell | テーブル／表のセル(th,td) |
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px; }
.box1 { position:absolute;border:1px black solid;
left:10px;
top:10px;
width:300px;
height:100px;
}
.box2 { position:absolute;border:1px black solid;background-color:gray;
left:40px;
top:40px;
width:300px;
height:100px;
display:none;
}
--></style>
</head>
<body>
<img src="Default.png">
<div class="box1">Dashboard Sample Text</div>
<div class="box2">Dashboard Sample Text</div>
</body>
</html>