サイズ/配置/視覚

サイズ/配置/視覚 関連のスタイルシート

ボックスや要素などのサイズを表したり、これらの配置や位置、表示方法を多岐にわたって設定するスタイルシート一覧です。以下のスタイルシート一覧より目的の設定を選んでください。解説ページに飛びます。

サイズ

• 要素の横幅を指定する　width
• 要素の高さを指定する　height
• 要素の横幅の最大値と最小値を指定する　min-width/max-width
• 要素の高さの最大値と最小値を指定する　min-height/max-height

配置と位置

• 画像や文章の回り込みを指定する　float
• 回り込みを解除する　clear
• ボックスの配置と基準　position
• 上端から下方向の位置を指定する　top
• 下端から上方向の位置を指定する　bottom
• 左端から右方向の位置を指定する　left
• 右端から左方向の位置を指定する　right
• 文字の書き始めの位置を左右指定する　direction/unicode-bidi
• 文字を縦書きにする　writing-mode

視覚

• 要素の表示と非表示　visibility
• ボックスからはみ出した部分の表示方法を指定する　overflow
• ボックスからはみ出した部分の表示方法を縦横個別に指定する　overflow-x/overflow-y
• 要素の一部を切り取って表示する　clip
• 要素の種類を指定する　display
• ボックス（レイヤー）の重なり順序を指定する　z-index

最新リファレンス