CSS 參考手冊(cè)
-
align-content
-
align-items
-
align-self
-
all
-
animation
-
animation-delay
-
animation-direction
-
animation-duration
-
animation-fill-mode
-
animation-iteration-count
-
animation-name
-
animation-play-state
-
animation-timing-function
-
appearance
-
backface-visibility
-
background
-
background-attachment
-
background-blend-mode
-
background-clip
-
background-color
-
background-image
-
background-origin
-
background-position
-
background-repeat
-
background-size
-
border
-
border-bottom
-
border-bottom-color
-
border-bottom-left-radius
-
border-bottom-right-radius
-
border-bottom-style
-
border-bottom-width
-
border-collapse
-
border-color
-
border-image
-
border-image-outset
-
border-image-repeat
-
border-image-slice
-
border-image-source
-
border-image-width
-
border-left
-
border-left-color
-
border-left-style
-
border-left-width
-
border-radius
-
border-right
-
border-right-color
-
border-right-style
-
border-right-width
-
border-spacing
-
border-style
-
border-top
-
border-top-color
-
border-top-left-radius
-
border-top-right-radius
-
border-top-style
-
border-top-width
-
border-width
-
bottom
-
box-align
-
box-direction
-
box-flex
-
box-flex-group
-
box-lines
-
box-ordinal-group
-
box-orient
-
box-pack
-
box-shadow
-
box-sizing
-
caption-side
-
clear
-
clip
-
color
-
column-count
-
column-fill
-
column-gap
-
column-rule
-
column-rule-color
-
column-rule-style
-
column-rule-width
-
column-span
-
column-width
-
columns
-
content
-
counter-increment
-
counter-reset
-
cursor
-
direction
-
display
-
empty-cells
-
filter
-
flex
-
flex-basis
-
flex-direction
-
flex-flow
-
flex-grow
-
flex-shrink
-
flex-wrap
-
float
-
font
-
@font-face
-
font-family
-
font-size
-
font-size-adjust
-
font-stretch
-
font-style
-
font-variant
-
font-weight
-
grid-columns
-
grid-rows
-
hanging-punctuation
-
height
-
icon
-
justify-content
-
@keyframes
-
left
-
letter-spacing
-
line-height
-
list-style
-
list-style-image
-
list-style-position
-
list-style-type
-
margin
-
margin-bottom
-
margin-left
-
margin-right
-
margin-top
-
max-height
-
max-width
-
@media
-
min-height
-
min-width
-
mix-blend-mode
-
object-fit
-
object-position
-
nav-down
-
nav-index
-
nav-left
-
nav-right
-
nav-up
-
opacity
-
order
-
outline
-
outline-color
-
outline-offset
-
outline-style
-
outline-width
-
overflow
-
overflow-x
-
overflow-y
-
padding
-
padding-bottom
-
padding-left
-
padding-right
-
padding-top
-
page-break-after
-
page-break-before
-
page-break-inside
-
perspective
-
perspective-origin
-
position
-
punctuation-trim
-
quotes
-
resize
-
right
-
rotation
-
tab-size
-
table-layout
-
target
-
target-name
-
target-new
-
target-position
-
text-align
-
text-align-last
-
text-decoration
-
text-decoration-color
-
text-decoration-line
-
text-decoration-style
-
text-indent
-
text-justify
-
text-outline
-
text-overflow
-
text-shadow
-
text-transform
-
text-wrap
-
top
-
transform
-
transform-origin
-
transform-style
-
transition
-
transition-delay
-
transition-duration
-
transition-property
-
transition-timing-function
-
unicode-bidi
-
vertical-align
-
visibility
-
white-space
-
width
-
word-break
-
word-spacing
-
word-wrap
-
z-index
-
writing-mode
CSS3 rotation-point 屬性
實(shí)例
將 h1 元素旋轉(zhuǎn) 180 度（從上向下）：<p>
h1
{
rotation-point:50% 50%;
rotation:180deg;
}
運(yùn)行代碼 ?
瀏覽器支持
目前沒有瀏覽器支持 rotation-point 屬性。
屬性定義及使用說明
rotation-point 屬性是一對(duì)值，定義從上左邊框邊緣進(jìn)行偏移的點(diǎn)。
提示：rotation-point 屬性需要與 rotation 屬性結(jié)合使用。
| 默認(rèn)值： | 0 |
|---|---|
| 繼承： | no |
| 版本： | CSS3 |
| JavaScript 語法： | object.style.rotation="180deg" |
語法
rotation-point: value;
| 值 | 描述 |
|---|---|
| left top left center left bottom right top right center right bottom center top center center center bottom |
如果只規(guī)定一個(gè)關(guān)鍵詞，則第二個(gè)值將是 "center"。 |
| x% y% | 百分比值，參考邊框盒寬度和高度。 |