ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

CSS3 box-lines プロパティ

CSS3 Reference 完全な CSS3 リファレンス

Specify that a div box is allowed to expand to multiple lines:

div
{
display:box;
box-orient:horizontal;
box-lines:multiple;
width:200px;
}

Try it yourself »

ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

box-lines プロパティをサポートしているブラウザはありません。

Firefox supports an alternative, the -moz-box-lines property?

Safari and Chrome support an alternative, the -webkit-box-lines property?


定義と用法

box-lines property specifies whether columns will go onto a new line whenever it runs out of space in the parent box.

チップ: By default, a horizontal box will lay out its children in a single row, and a vertical box will lay out its children in a single column.

デフォルト値: single
継承: no
バージョン: CSS3
JavaScript構文: object.style.boxLines="multiple"


構文

box-lines: single|multiple;

説明
single All child elements will be placed in a single row or column (elements that do not fit will simply be considered overflow)
multiple The box is allowed to expand to multiple lines, to accommodate all of its children


CSS3 Reference 完全な CSS3 リファレンス