display

提供: ASCII.jp CSSリファレンス

役割・機能 要素の形式を指定する
適用 すべて
継承の有無 継承なし
書式

セレクタ { display: }

目次

displayプロパティの説明

要素を表示する形式を指定します。サンプルでは、p要素で記述したテキストをリストの表示にしています。

displayプロパティに指定可能な値

属性値 説明
none 要素のボックスを生成しない
run-in ラインボックスを生成
block ブロック要素として表示
table ブロック要素の表組みとして表示
inline インライン要素として表示
inline-table インライン要素の表組みとして表示
list-item リスト(箇条書きの項目)として表示

displayプロパティの記述例

 <style type="text/css">
  <!--
   .dis1 {display:list-item;
         margin-left :20px;}
  -->
 </style>
</head>
<body>
 <h3>1st FULL Album Rreport From Iron Mountain</h3>
 <p><span class="dis1">M-1.Catch22</span>
 <span class="dis1">M-2.PLAYMATE AT HANOI</span>
 <span class="dis1">M-3.S</span> … 以下略

displayプロパティの表示例


displayプロパティの関連項目

Powered by Web Professional

目次