CSS 參考手冊
-
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
grid-columns
實例
為div元素添加網(wǎng)格線，一個右側(cè)200像素，另一個在剩余空間中：
div
{
grid-columns:50% * * 200px;
}
瀏覽器支持
目前沒有主流瀏覽器支持grid-columns屬性。
屬性定義及使用說明
grid-columns屬性指定網(wǎng)格中的每一列的寬度。
提示: 使用網(wǎng)格系統(tǒng)對于打印設(shè)計師來說具有巨大的價值?，F(xiàn)在相同的改變被應(yīng)用到在線內(nèi)容上。網(wǎng)格屬性提供了在可伸縮網(wǎng)格中調(diào)整標(biāo)題、文本和圖片尺寸和位置的能力。
| 默認值： | none |
|---|---|
| 繼承： | no |
| 版本： | CSS3 |
| JavaScript 語法： | object.style.gridColumns="50% * * 200px" |
語法
grid-columns: length|%|none|inherit;
| 值 | 描述 |
|---|---|
| length | 參考包含塊的網(wǎng)格。 |
| % | 參考包含塊的寬度。 |
| none | |
| inherit |