-
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 propriété CSS3 colonne règle de style en 2024, dans ce didacticiel, vous pouvez apprendre support du navigateur,Définition des attributs et des instructions,grammaire,D'autres exemples,articles connexes,
propriété CSS3 colonne règle de style
Exemples
Spécifier les règles de style entre les colonnes:
div
{
colonne règle de style: pointillé;
-moz-column-rule-style: pointillé; / * Firefox * /
-webkit-colonne règle de style: pointillé; / * Safari et Chrome * /
}
{
colonne règle de style: pointillé;
-moz-column-rule-style: pointillé; / * Firefox * /
-webkit-colonne règle de style: pointillé; / * 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-rule-style | 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 colonne règle de style spécifie des règles de style entre les colonnes.
| Par défaut: | aucun |
|---|---|
| Héritage: | aucun |
| Version: | CSS3 |
| Syntaxe JavaScript: | objet .style.columnRuleStyle = "pointillé" |
grammaire
colonne règle de style: none | caché | pointillé | pointillés | solide | double | groove | ridge | inset | début;
| valeur | description |
|---|---|
| aucun | Il n'y a pas de règles définies. |
| caché | Cacher les règles définies. |
| pointillé | Définir les règles de point. |
| en pointillés | La ligne en pointillé est défini des règles. |
| solide | Définir les règles réelles de ligne. |
| double | Défini double règle. |
| rainure | 3D rainurée règles définies. Cet effet dépend des valeurs de largeur et de couleur. |
| crête | Définir 3D règles striés. Cet effet dépend des valeurs de largeur et de couleur. |
| insérer | 3D règles encart défini. Cet effet dépend des valeurs de largeur et de couleur. |
| début | emblée 3D règles définies. Cet effet dépend des valeurs de largeur et de couleur. |
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