Exemple
Changer le style de la règle entre les colonnes:
document.getElementById("myDIV").style.columnRuleStyle = "dotted";
Essayez vous - même » Définition et utilisation
La propriété columnRuleStyle spécifie le style de la règle entre les colonnes.
Support du navigateur
La propriété columnRuleStyle est pris en charge dans Internet Explorer 10 et Opera.
Firefox supporte une alternative, la propriété MozColumnRuleStyle.
soutenir Safari et Chrome une alternative, la propriété WebkitColumnRuleStyle.
Syntaxe
Retour la propriété columnRuleStyle:
object .style.columnRuleStyle Définissez la propriété columnRuleStyle:
object .style.columnRuleStyle="none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|
initial|inherit"
Valeurs de propriété
| Valeur | La description |
|---|---|
| none | Valeur par défaut. Définit aucune règle |
| hidden | Définit une règle cachée |
| dotted | Définit une règle en pointillés |
| dashed | Définit une règle en pointillés |
| solid | Définit une règle solide |
| double | Définit une double règle |
| groove | Indique une règle rainuré 3D. L'effet dépend des valeurs de largeur et de couleur |
| ridge | Indique une règle striée 3D. L'effet dépend des valeurs de largeur et de couleur |
| inset | Indique une règle de encart 3D. L'effet dépend des valeurs de largeur et de couleur |
| outset | Indique une règle d'entrée de jeu 3D. L'effet dépend des valeurs de largeur et de couleur |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| inherit | Hérite cette propriété de son élément parent. En savoir plus sur hériteront |
Détails techniques
| Valeur par défaut: | aucun |
|---|---|
| Valeur de retour: | Une chaîne, ce qui représente la propriété de style colonne règle d'un élément |
| version CSS | CSS3 |
Pages associées
Tutoriel CSS3: CSS3 Colonnes multiples
Référence CSS: la column-rule-style property
<Style objet