CLASS : display



記述形式 display : block | inline | list-item | none ;
適用 all elements
使用方法 領域の属性を設定する。

block : 領域を block 属性に設定する。前後の領域に対して改行されます。
inline : 領域を inline 属性に設定する。前後の領域に対して改行はされません。
list-item : 領域を list 属性に設定する。前後の領域に対して段落としされます。
none : 領域は存在しないものとして扱われる。
実行例 要素<SPAN STYLE="display:block">要素</SPAN>
CSS とは Cascading Style Sheet の略で、今までの HTML では不可能だった ドキュメント中のオブジェクトのレイアウトを自由に扱えるものです。 まぁ 自由といってもスタティックなもので、ダイナミックに扱いたい場合は JavaScript 等のスクリプト言語と組み合わせて使うと可能です。

要素<SPAN STYLE="display:inline">要素</SPAN>
CSS とは Cascading Style Sheet の略で、今までの HTML では不可能だった ドキュメント中のオブジェクトのレイアウトを自由に扱えるものです。 まぁ 自由といってもスタティックなもので、ダイナミックに扱いたい場合は JavaScript 等のスクリプト言語と組み合わせて使うと可能です。

要素<SPAN STYLE="display:list-item">要素</SPAN>
CSS とは Cascading Style Sheet の略で、今までの HTML では不可能だった ドキュメント中のオブジェクトのレイアウトを自由に扱えるものです。 まぁ 自由といってもスタティックなもので、ダイナミックに扱いたい場合は JavaScript 等のスクリプト言語と組み合わせて使うと可能です。

要素<SPAN STYLE="display:none">要素</SPAN>
CSS とは Cascading Style Sheet の略で、今までの HTML では不可能だった ドキュメント中のオブジェクトのレイアウトを自由に扱えるものです。 まぁ 自由といってもスタティックなもので、ダイナミックに扱いたい場合は JavaScript 等のスクリプト言語と組み合わせて使うと可能です。

※ 認識しやすいように background:orange で表示しています。
サポート
ブラウザ
OSpropertyIE3.xIE4.xIE5.0xIE5.5xNN4.xNN6.x
Winblock××
inline××
list-item××××
none×
Macblock-×-
inline-×-
list-item-××-
none--
Unixblock----
inline----
list-item----
none----
NN6.x では list-item を指定した際に、段落しされません。