css box-direction property


  Translation results：

box

英[bɒks] 美[bɑ:ks]

n.Box; box-like object; box; sentry room

vt. Put... into a box [box, box]

vt.& vi.Boxing

Third person singular: boxes Plural: boxes Present participle: boxing Past tense: boxed Past participle: boxed

direction

UK[dəˈrekʃn] US[dɪˈrɛkʃən, daɪ-]

n. Direction; trend; aspect; usage instructions

Plural: directions

css box-direction propertysyntax

Function:The direction in which the child elements of the frame element are arranged.

Syntax: box-direction: normal|reverse|inherit;

Description: normal displays child elements in the default direction. reverse displays child elements in the reverse direction. inherit should inherit the value of the box-direction attribute from child elements

Note: No browser currently supports the box-direction attribute. Firefox supports an alternative -moz-box-direction property. Safari, Opera, and Chrome support the alternative -webkit-box-direction attribute.

css box-direction propertyexample

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:350px;
height:100px;
border:1px solid black;

/* Firefox */
display:-moz-box;
-moz-box-direction:reverse;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-direction:reverse;

/* W3C */
display:box;
box-direction:reverse;
}
</style>
</head>
<body>

<div>
<p>段落 1。</p>
<p>段落 2。</p>
<p>段落 3。</p>
</div>

<p><b>注释：</b>IE 不支持 box-direction 属性。</p>

</body>
</html>

Run instance »

Click the "Run instance" button to view the online instance

Popular Recommendations

Home

Videos

Q&A

submit