Home
/
配置・表示の指定
/ 要素の表示方法の指定 :
display
要素の表示方法の指定 :
display
::: 書 式 :::
display
: 表示方法
::: プロパティ値 :::
表示方法には、下記の値を指定します。
inline (表示する:インライン要素)
block (表示する:ブロック要素)
none (表示しない)
::: 解 説 :::
「
display
」プロパティで、要素の表示方法を指定します。
表示形式に「none」を指定した場合、要素の領域は確保されないで非表示の状態になります。
要素の領域を確保して非表示の状態にする場合は、「
visibility
」プロパティを使います。。
::: 対応ブラウザ :::
IE
Firefox
Opera
Chrome
Safari
8
7
6
5.5
5
3.5
3
2
1.5
1
10
9
8
7
6
2
1
4
3
2
1
○
△
△
△
△
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
○
[ 対応状況 : ○=対応、△=一部対応、×=未対応 ]
::: サンプル :::
[ サンプル画面
]
スタイルシート(CSS) = 要素の表示方法の指定 =
スタイルシート(CSS) = 要素の表示方法の指定 =
「display: none」を指定する前のp要素
「display: none」を指定したp要素
「display: none」を指定した後のp要素
</body> </html>
関連項目
CSSの基本
CSS機能別プロパティ一覧
CSSインデックス
配置・表示の指定
position
top
bottom
left
right
float
clear
z-index
display
visibility
overflow
Copyright (C) 2009 Html-Labs All Rights Reserved.
表示形式に「none」を指定した場合、要素の領域は確保されないで非表示の状態になります。
要素の領域を確保して非表示の状態にする場合は、「visibility」プロパティを使います。。