documentation
.HELP!
CSS3 Documentation
order
CSS3
previous page
next page
CSS3参考手册
»
属性列表
»
新弹性盒模型属性
»
相关内容:
其它弹性盒模型属性
选择其它项
order
版本:CSS3
继承性:无
语法:
order
:
<integer>
默认值
:
0
适用于
:弹性盒模型容器子元素
继承性
:无
取值:
<integer>
:
用整数值来定义排列顺序,数值小的排在前面。可以为负值。
说明:
设置或检索弹性盒模型对象的子元素出現的順序。
对应的脚本特性为
order
。
兼容性:
= 支持
= 不支持
= 部分支持
支持版本
\类型
较早版本
6.0-10.0
4.0-19.0
5.1.7-6.0
21.0-28.0
-webkit-
9.-12.0
较新版本
11.0
20.0
7.0
-webkit-
29.0
12.1
示例:
<!DOCTYPE html> <html lang="zh-cn"> <head> <title>order_CSS参考手册_web前端开发参考手册系列</title> <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com"> <style> h1{font:bold 20px/1.5 georgia,simsun,sans-serif;} .box{ display:-webkit-flex; display:flex; margin:0;padding:10px;list-style:none;background-color:#eee;} .box li{width:100px;height:100px;border:1px solid #aaa;text-align:center;} #box li:nth-child(3){ -webkit-order:-1; order:-1; } </style> </head> <body> <h1>order示例:</h1> <ul id="box" class="box"> <li>a</li> <li>b</li> <li>c</li> <li>d</li> <li>e</li> </ul> </body> </html>
previous page
start
next page
Menu
Homepage
Table of contents
速查总表 Quick Search
CSS3速查表 CSS3 List
简介 Introduction
更新历史 Change List
关于本手册 About This Handbook
关于样式表 Introduction To CSS
关于作者 About Me
阅读及使用指引 The Use Guides
鸣谢 Thanks
捐赠 Donated
属性 Properties
定位(Positioning)
position
z-index
top
right
bottom
left
clip
布局(Layout)
display
float
clear
visibility
overflow
overflow-x
overflow-y
尺寸(Dimension)
width
min-width
max-width
height
min-height
max-height
外补白(Margin)
margin
margin-top
margin-right
margin-bottom
margin-left
内补白(Padding)
padding
padding-top
padding-right
padding-bottom
padding-left
边框(Border)
border
border-width
border-style
border-color
border-top
border-top-width
border-top-style
border-top-color
border-right
border-right-width
border-right-style
border-right-color
border-bottom
border-bottom-width
border-bottom-style
border-bottom-color
border-left
border-left-width
border-left-style
border-left-color
border-radius
border-top-left-radius
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius
box-shadow
border-image
border-image-source
border-image-slice
border-image-width
border-image-outset
border-image-repeat
背景(Background)
background
background-color
background-image
background-repeat
background-attachment
background-position
background-origin
background-clip
background-size
颜色(Color)
color
opacity
字体(Font)
font
font-style
font-variant
font-weight
font-size
font-family
font-stretch
文本(Text)
text-transform
white-space
tab-size
word-break
word-wrap
overflow-wrap
text-align
text-align-last
text-justify
word-spacing
letter-spacing
text-indent
vertical-align
line-height
文本装饰(Text Decoration)
text-decoration
text-decoration-line
text-decoration-color
text-decoration-style
text-decoration-skip
text-underline-position
text-shadow
书写模式(Writing Modes)
direction
unicode-bidi
writing-mode
列表(List)
list-style
list-style-image
list-style-position
list-style-type
表格(Table)
table-layout
border-collapse
border-spacing
caption-side
empty-cells
内容(Content)
content
counter-increment
counter-reset
quotes
用户界面(User Interface)
appearance
text-overflow
outline
outline-width
outline-color
outline-style
outline-offset
nav-index
nav-up
nav-right
nav-down
nav-left
cursor
zoom
box-sizing
resize
ime-mode
user-select
pointer-events
多列(Multi-column)
columns
column-width
column-count
column-gap
column-rule
column-rule-width
column-rule-style
column-rule-color
column-span
column-fill
column-break-before
column-break-after
column-break-inside
伸缩盒(Flexible Box)(旧)
box-orient
box-pack
box-align
box-flex
box-flex-group
box-ordinal-group
box-direction
box-lines
伸缩盒(Flexible Box)(新)
flex
flex-grow
flex-shrink
flex-basis
flex-flow
flex-direction
flex-wrap
align-content
align-items
align-self
justify-content
order
变换(Transform)
transform
transform-origin
过渡(Transition)
transition
transition-property
transition-duration
transition-timing-function
transition-delay
动画(Animation)
animation
animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
animation-direction
animation-play-state
animation-fill-mode
打印(Printing)
page
page-break-before
page-break-after
page-break-inside
媒体查询(Media Queries)
width
height
device-width
device-height
orientation
aspect-ratio
device-aspect-ratio
color
color-index
monochrome
resolution
scan
grid
Only IE
scrollbar-3dlight-color
scrollbar-darkshadow-color
scrollbar-highlight-color
scrollbar-shadow-color
scrollbar-arrow-color
scrollbar-face-color
scrollbar-track-color
scrollbar-base-color
filter
behavior
Only Firefox
border-colors
border-top-colors
border-right-colors
border-bottom-colors
border-left-colors
Only webkit
text-fill-color
text-stroke
text-stroke-width
text-stroke-color
box-reflect
选择符 Selectors
元素选择符
通配选择符(*)
类型选择符(E)
ID选择符(E#id)
类选择符(E.class)
关系选择符
包含选择符(E F)
子选择符(E>F)
相邻选择符(E+F)
兄弟选择符(E~F)
属性选择符
E[att]
E[att="val"]
E[att~="val"]
E[att^="val"]
E[att$="val"]
E[att*="val"]
E[att|="val"]
伪类选择符
E:link
E:visited
E:hover
E:active
E:focus
E:lang(fr)
E:not(s)
E:root
E:first-child
E:last-child
E:only-child
E:nth-child(n)
E:nth-last-child(n)
E:first-of-type
E:last-of-type
E:only-of-type
E:nth-of-type(n)
E:nth-last-of-type(n)
E:empty
E:checked
E:enabled
E:disabled
E:target
@page:first
@page:left
@page:right
伪对象选择符
E:first-letter/E::first-letter
E:first-line/E::first-line
E:before/E::before
E:after/E::after
E::placeholder
E::selection
语法与规则 Rules
!important
/*comment*/
@import
@charset
@media
@font-face
@page
@keyframes
取值与单位 Values and Units
长度(Length)
<length>
em
ex
ch
rem
vw
vh
vmax
vmin
cm
mm
q
in
pt
pc
px
角度(Angle)
<angle>
deg
grad
rad
turn
时间(Time)
<time>
s
ms
频率(Frequency)
<frequency>
Hz
kHz
布局(Layout-specific)
<fraction>
<grid>
fr
gr
分辨率(Resolution)
<resolution>
dpi
dpcm
dppx
颜色(Color)
Color Name
HEX
RGB
RGBA
HSL
HSLA
transparent
文本(Textual)
<string>
<url>
<identifier>
函数(Functional)
counter()
attr()
calc()
min()
max()
toggle()
图像(Image)
linear-gradient()
radial-gradient()
repeating-linear-gradient()
repeating-radial-gradient()
数字(Numeric)
<number>
<integer>
<percentage>
附录 Appendix
颜色关键字(Color Keywords)
媒体类型(Media Types)
CSS Hack
条件Hack
属性级Hack
选择符级Hack
问题和经验
参考资源列表
Bugs和解决方案
技巧和经验
其它经验
Get in touch
Submit feedback about this site to:
[email protected]