-
CSS Manuel de référence
- CSS Manuel de référence
- CSS sélecteur
- CSS Discours de référence
- CSS Web polices de sécurité
- CSS animation
- CSS unité
- CSS couleur
- CSS Juridiques valeurs de couleur
- CSS Les noms de couleurs
- CSS les valeurs de couleur hexadécimaux
- CSS support du navigateur
CSS propriété
- 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
- 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
Le meilleur didacticiel column-width CSS3 attribut en 2024, dans ce didacticiel, vous pouvez apprendre Exemples,support du navigateur,Définition des attributs et des instructions,grammaire,D'autres exemples,articles connexes,
column-width CSS3 attribut
Exemples
Indique la largeur des colonnes:
div
{
column-width: 100px;
-moz-column-width: 100px; / * Firefox * /
-webkit-column-width: 100px; / * Safari et Chrome * /
}
{
column-width: 100px;
-moz-column-width: 100px; / * Firefox * /
-webkit-column-width: 100px; / * Safari et Chrome * /
}
Essayez »
Dans le bas de cette page pour plus d'exemples.
support du navigateur
Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.
Immédiatement après la -webkit- numérique, -ms- ou -moz- il y a à l'appui du préfixe d'attribut premier numéro de version du navigateur.
| 属性 | |||||
|---|---|---|---|---|---|
| column-width | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
Définition des attributs et des instructions
attribut de largeur de colonne définissant la largeur de la colonne.
| Par défaut: | auto |
|---|---|
| Héritage: | aucun |
| Version: | CSS3 |
| Syntaxe JavaScript: | objet .style.columnWidth = "100px" |
grammaire
column-width: auto|length;
| 值 | 描述 |
|---|---|
| auto | 浏览器将决定列的宽度 |
| length | 指定列宽的长度 |
D'autres exemples
Colonne-count
Texte élément div en trois colonnes.
Colonne-gap
Texte dans l'élément div en trois colonnes, et de préciser l'écart entre les colonnes d'un 30 pixel.
Colonne règle
Règles spécifient entre les colonnes: largeur, le style et la couleur.
articles connexes
CSS3 tutoriel: CSS3 multiples Colonnes