objet Style
L'objet Style représente une déclaration de style.
Accès à un style objet
L'objet Style est accessible depuis la section de tête du document ou du HTML spécifique element(s) .
Accès à un style object(s) de la section de tête du document:
Accès à l'objet de style d'un élément spécifié:
Créer un style objet
Vous pouvez créer un <style> élément en utilisant le document. createElement() document. createElement() méthode:
Vous pouvez également définir les propriétés de style d'un élément existant:
Propriétés de style d'objet
La "CSS" colonne indique dans quelle version CSS la propriété est définie (CSS1, CSS2, or CSS3) .
| Propriété | La description | CSS |
|---|---|---|
| alignContent | Définit ou retourne l'alignement entre les lignes à l'intérieur d'un récipient flexible lorsque les éléments ne pas utiliser tout l'espace disponible | 3 |
| alignItems | Définit ou retourne l'alignement des éléments à l'intérieur d'un récipient flexible | 3 |
| alignSelf | Définit ou retourne l'alignement des éléments sélectionnés à l'intérieur d'un récipient flexible | 3 |
| animation | Un raccourci pour toutes les propriétés d'animation ci-dessous, à l'exception de la propriété animationPlayState | 3 |
| animationDelay | Définit ou retourne lorsque l'animation commencera | 3 |
| animationDirection | Définit ou retourne si l'animation ou non doit jouer dans le sens inverse des cycles alternatifs | 3 |
| animationDuration | Définit ou retourne combien de secondes ou millisecondes une animation nécessaire pour terminer un cycle | 3 |
| animationFillMode | Définit ou retourne quelles valeurs sont appliquées par l'animation en dehors du temps, il est en cours d'exécution | 3 |
| animationIterationCount | Définit ou retourne le nombre de fois où une animation doit être joué | 3 |
| animationName | Définit ou retourne un nom pour l'animation @keyframes | 3 |
| animationTimingFunction | Définit ou retourne la courbe de vitesse de l'animation | 3 |
| animationPlayState | Définit ou retourne si l'animation est en cours d'exécution ou mis en veille | 3 |
| background | Définit ou retourne toutes les propriétés d'arrière-plan dans une déclaration | 1 |
| backgroundAttachment | Définit ou retourne si un background-image fixe ou défile avec la page | 1 |
| backgroundColor | Définit ou retourne l'arrière-plan de couleur d'un élément | 1 |
| backgroundImage | Définit ou retourne l'arrière-plan d'image pour un élément | 1 |
| backgroundPosition | Définit ou renvoie la position de départ d'un arrière-plan d'image | 1 |
| backgroundRepeat | Définit ou retourne comment répéter (tile) un background-image | 1 |
| backgroundClip | Définit ou retourne la zone de peinture de l'arrière-plan | 3 |
| backgroundOrigin | Définit ou retourne la zone de positionnement des images d'arrière-plan | 3 |
| backgroundSize | Définit ou retourne la taille de l'image d'arrière-plan | 3 |
| backfaceVisibility | Définit ou retourne si oui ou non un élément doit être visible sans faire face à l'écran | 3 |
| border | Définit ou retourne borderWidth, borderStyle et borderColor dans une déclaration | 1 |
| borderBottom | Définit ou retourne tous les borderBottom * propriétés dans une déclaration | 1 |
| borderBottomColor | Définit ou retourne la couleur de la bordure inférieure | 1 |
| borderBottomLeftRadius | Définit ou retourne la forme de la bordure du coin inférieur gauche | 3 |
| borderBottomRightRadius | Définit ou retourne la forme de la bordure du coin inférieur droit | 3 |
| borderBottomStyle | Définit ou retourne le style de la bordure inférieure | 1 |
| borderBottomWidth | Définit ou retourne la largeur de la bordure inférieure | 1 |
| borderCollapse | Définit ou retourne si la frontière de la table doivent être regroupées en une seule frontière, ou non | 2 |
| borderColor | Définit ou renvoie la couleur de la bordure d'un élément (peut avoir jusqu'à quatre valeurs) | 1 |
| borderImage | Un raccourci pour définir ou retourner toutes les propriétés borderImage de * | 3 |
| borderImageOutset | Définit ou retourne le montant par lequel la zone d'image frontière va au-delà de la zone frontalière | 3 |
| borderImageRepeat | Définit ou retourne si la frontière de l'image doit être répétée, arrondie ou étirées | 3 |
| borderImageSlice | Définit ou retourne les décalages vers l'intérieur de l'image-frontière | 3 |
| borderImageSource | Définit ou retourne l'image à utiliser comme une frontière | 3 |
| borderImageWidth | Définit ou retourne la largeur de l'image-frontière | 3 |
| borderLeft | Définit ou retourne toutes les borderLeft * propriétés dans une déclaration | 1 |
| borderLeftColor | Définit ou renvoie la couleur de la bordure gauche | 1 |
| borderLeftStyle | Définit ou retourne le style de la bordure gauche | 1 |
| borderLeftWidth | Définit ou retourne la largeur de la bordure gauche | 1 |
| borderRadius | Un raccourci pour définir ou retourner tous les quatre frontières * propriétés Radius | 3 |
| borderRight | Définit ou retourne tous les borderRight * propriétés dans une déclaration | 1 |
| borderRightColor | Définit ou retourne la couleur de la bordure droite | 1 |
| borderRightStyle | Définit ou retourne le style de la bordure droite | 1 |
| borderRightWidth | Définit ou retourne la largeur de la bordure droite | 1 |
| borderSpacing | Définit ou retourne l'espace entre les cellules dans une table | 2 |
| borderStyle | Définit ou retourne le style de la bordure d'un élément (peut avoir jusqu'à quatre valeurs) | 1 |
| borderTop | Définit ou retourne tous les borderTop * propriétés dans une déclaration | 1 |
| borderTopColor | Définit ou retourne la couleur de la bordure supérieure | 1 |
| borderTopLeftRadius | Définit ou retourne la forme de la bordure du coin supérieur gauche | 3 |
| borderTopRightRadius | Définit ou retourne la forme de la bordure du coin en haut à droite | 3 |
| borderTopStyle | Définit ou retourne le style de la bordure supérieure | 1 |
| borderTopWidth | Définit ou retourne la largeur de la bordure supérieure | 1 |
| borderWidth | Définit ou retourne la largeur de la bordure d'un élément (peut avoir jusqu'à quatre valeurs) | 1 |
| bottom | Définit ou renvoie la position inférieure d'un élément positionné | 2 |
| boxDecorationBreak | Définit ou retourne le comportement de l'arrière-plan et la bordure d'un élément à la page-break, ou, pour les éléments en ligne, à la ligne-break. | 3 |
| boxShadow | Un ou plusieurs attache goutte-ombre à la boîte | 3 |
| boxSizing | Permet de définir certains éléments pour s'adapter à une zone d'une certaine manière | 3 |
| captionSide | Définit ou retourne la position de la légende de la table | 2 |
| clear | Définit ou renvoie la position de l'élément par rapport à des objets flottants | 1 |
| clip | Définit ou retourne quelle partie d'un élément positionné est visible | 2 |
| color | Définit ou retourne la couleur du texte | 1 |
| columnCount | Définit ou retourne le nombre de colonnes d'un élément doit être divisé en | 3 |
| columnFill | Définit ou retourne la façon de remplir des colonnes | 3 |
| columnGap | Définit ou retourne l'écart entre les colonnes | 3 |
| columnRule | Un raccourci pour définir ou retourner toutes les propriétés columnRule de * | 3 |
| columnRuleColor | Définit ou renvoie la couleur de la règle entre les colonnes | 3 |
| columnRuleStyle | Définit ou retourne le style de la règle entre les colonnes | 3 |
| columnRuleWidth | Définit ou retourne la largeur de la règle entre les colonnes | 3 |
| columns | Un raccourci pour définir ou retourner columnWidth et columnCount | 3 |
| columnSpan | Définit ou retourne le nombre de colonnes d'un élément devrait étendre sur | 3 |
| columnWidth | Définit ou retourne la largeur des colonnes | 3 |
| content | Utilisé avec le: avant et: après les pseudo-éléments, d'insérer du contenu généré | 2 |
| counterIncrement | Incrémente un ou plusieurs compteurs | 2 |
| counterReset | Crée ou remet à zéro un ou plusieurs compteurs | 2 |
| cursor | Définit ou retourne le type de curseur à afficher pour le pointeur de la souris | 2 |
| direction | Définit ou retourne le sens du texte | 2 |
| display | Définit ou retourne le type d'affichage d'un élément | 1 |
| emptyCells | Définit ou retourne si vous souhaitez afficher la frontière et le fond des cellules vides, ou non | 2 |
| filter | Définit ou renvoie les filtres d'image (visual effects, like blur and saturation) le (visual effects, like blur and saturation) la (visual effects, like blur and saturation) | 3 |
| flex | Définit ou retourne la longueur de l'élément, par rapport au reste | 3 |
| flexBasis | Définit ou retourne la longueur initiale d'un élément souple | 3 |
| flexDirection | Définit ou retourne la direction des éléments flexibles | 3 |
| flexFlow | Un raccourci pour la flexDirection et les propriétés flexWrap | 3 |
| flexGrow | Définit ou retourne à quel point l'élément se développera par rapport au reste | 3 |
| flexShrink | Définit ou retourne comment l'élément se contractera par rapport au reste | 3 |
| flexWrap | Définit ou retourne si les éléments flexibles doivent envelopper ou non | 3 |
| cssFloat | Définit ou retourne l'alignement horizontal d'un élément | 1 |
| font | Définit ou retourne fontStyle, fontVariant, fontWeight, fontSize, lineHeight et fontFamily dans une déclaration | 1 |
| fontFamily | Définit ou retourne la famille de polices pour le texte | 1 |
| fontSize | Définit ou retourne la taille de police du texte | 1 |
| fontStyle | Définit ou retourne si le style de la police est normale, italique ou oblique | 1 |
| fontVariant | Définit ou retourne si la police doit être affiché dans les petites majuscules | 1 |
| fontWeight | Définit ou retourne l'audace de la police | 1 |
| fontSizeAdjust | Préserve la lisibilité du texte lorsque la police se produit fallback | 3 |
| fontStretch | Sélectionne la normale, condensée ou étendue d'une famille de polices | 3 |
| hangingPunctuation | Indique si un caractère de ponctuation peut être placé en dehors de la zone de la ligne | 3 |
| height | Définit ou retourne la hauteur d'un élément | 1 |
| hyphens | Définit la façon de répartir les mots pour améliorer la mise en page des paragraphes | 3 |
| icon | Fournit l'auteur la possibilité de style d'un élément avec un équivalent iconique | 3 |
| imageOrientation | Spécifie une rotation dans le sens horaire ou droit que l'agent utilisateur applique une image | 3 |
| justifyContent | Définit ou retourne l'alignement entre les éléments à l'intérieur d'un conteneur flexible lorsque les éléments ne pas utiliser tout l'espace disponible. | 3 |
| left | Définit ou retourne la position gauche d'un élément positionné | 2 |
| letterSpacing | Définit ou retourne l'espace entre les caractères dans un texte | 1 |
| lineHeight | Définit ou retourne la distance entre les lignes dans un texte | 1 |
| listStyle | Définit ou retourne listStyleImage, listStylePosition et listStyleType dans une déclaration | 1 |
| listStyleImage | Définit ou retourne une image comme marqueur d'élément de liste | 1 |
| listStylePosition | Définit ou retourne la position de la marque de liste article | 1 |
| listStyleType | Définit ou retourne la liste de produit type de marqueur | 1 |
| margin | Définit ou retourne les bords d'un élément (can have up to four values) | 1 |
| marginBottom | Définit ou retourne la marge inférieure d'un élément | 1 |
| marginLeft | Définit ou retourne la marge gauche d'un élément | 1 |
| marginRight | Définit ou retourne la marge de droite d'un élément | 1 |
| marginTop | Définit ou retourne la marge supérieure d'un élément | 1 |
| maxHeight | Définit ou retourne la hauteur maximale d'un élément | 2 |
| maxWidth | Définit ou retourne la largeur maximale d'un élément | 2 |
| minHeight | Définit ou retourne la hauteur minimale d'un élément | 2 |
| minWidth | Définit ou retourne la largeur minimale d'un élément | 2 |
| navDown | Définit ou retourne où naviguer en utilisant la touche de navigation flèche vers le bas | 3 |
| navIndex | Définit ou retourne l'ordre de tabulation pour un élément | 3 |
| navLeft | Définit ou retourne où naviguer en utilisant la touche de navigation flèche gauche | 3 |
| navRight | Définit ou retourne où naviguer en utilisant la touche de navigation flèche droite | 3 |
| navUp | Définit ou retourne où naviguer en utilisant la touche de navigation flèche haut | 3 |
| opacity | Définit ou retourne le niveau d'opacité pour un élément | 3 |
| order | Définit ou retourne la commande de l'élément flexible, par rapport au reste | 3 |
| orphans | Définit ou retourne le nombre minimal de lignes pour un élément qui doit être laissé au bas d'une page lorsqu'un saut de page dans un élément | 2 |
| outline | Définit ou retourne toutes les propriétés de contour dans une déclaration | 2 |
| outlineColor | Définit ou renvoie la couleur du contour autour d'un élément | 2 |
| outlineOffset | Décale un aperçu, et il tire au-delà de la bordure | 3 |
| outlineStyle | Définit ou retourne le style du contour autour d'un élément | 2 |
| outlineWidth | Définit ou retourne la largeur de l'ébauche autour d'un élément | 2 |
| overflow | Définit ou retourne quoi faire avec le contenu qui rend l'extérieur de la boîte d'élément | 2 |
| overflowX | Indique ce qu'il faut faire avec la gauche / droite des bords du contenu, si elle déborde la zone de contenu de l'élément | 3 |
| overflowY | Indique ce qu'il faut faire avec les bords supérieurs / inférieurs du contenu, si elle déborde la zone de contenu de l'élément | 3 |
| padding | Définit ou retourne le rembourrage d'un élément (can have up to four values) | 1 |
| paddingBottom | Définit ou retourne le rembourrage de fond d'un élément | 1 |
| paddingLeft | Définit ou retourne le rembourrage gauche d'un élément | 1 |
| paddingRight | Définit ou retourne le rembourrage droit d'un élément | 1 |
| paddingTop | Définit ou retourne le rembourrage de dessus d'un élément | 1 |
| pageBreakAfter | Définit ou retourne le comportement de saut de page après un élément | 2 |
| pageBreakBefore | Définit ou retourne le comportement de saut de page avant un élément | 2 |
| pageBreakInside | Définit ou retourne le comportement de saut de page dans un élément | 2 |
| perspective | Définit ou retourne le point de vue sur la façon dont les éléments 3D sont considérés | 3 |
| perspectiveOrigin | Définit ou renvoie la position inférieure d'éléments 3D | 3 |
| position | Définit ou retourne le type de procédé de positionnement utilisé pour un élément (static, relative, absolute or fixed) | 2 |
| quotes | Définit ou retourne le type de guillemets pour les citations intégrées | 2 |
| resize | Définit ou retourne si oui ou non un élément est redimensionnable par l'utilisateur | 3 |
| right | Définit ou renvoie la position droite d'un élément positionné | 2 |
| tableLayout | Définit ou retourne la façon de poser des cellules de table, des lignes et des colonnes | 2 |
| tabSize | Définit ou retourne la longueur de l'onglet caractères | 3 |
| textAlign | Définit ou retourne l'alignement horizontal du texte | 1 |
| textAlignLast | Définit ou retourne comment la dernière ligne d'un bloc ou d' un droit de ligne avant un saut de ligne forcé est aligné lorsque le texte-align est "justify" | 3 |
| textDecoration | Définit ou retourne la décoration d'un texte | 1 |
| textDecorationColor | Définit ou retourne la couleur du texte décoration | 3 |
| textDecorationLine | Définit ou retourne le type de ligne dans une décoration de texte | 3 |
| textDecorationStyle | Définit ou retourne le style de la ligne dans une décoration de texte | 3 |
| textIndent | Définit ou retourne l'empreinte de la première ligne de texte | 1 |
| textJustify | Définit ou retourne la méthode de justification utilisée lorsque le texte-align est "justify" | 3 |
| textOverflow | Définit ou retourne ce qui devrait se produire lorsque le texte déborde l'élément contenant | 3 |
| textShadow | Définit ou retourne l'effet d'ombre d'un texte | 3 |
| textTransform | Définit ou retourne la capitalisation d'un texte | 1 |
| top | Définit ou renvoie la position supérieure d'un élément positionné | 2 |
| transform | Applique une transformation 2D ou 3D à un élément | 3 |
| transformOrigin | Définit ou retourne la position des éléments transformés | 3 |
| transformStyle | Définit ou retourne la façon dont les éléments imbriqués sont rendus dans l'espace 3D | 3 |
| transition | Un raccourci pour définir ou renvoyer les quatre propriétés de transition | 3 |
| transitionProperty | Définit ou renvoie la propriété CSS que l'effet de transition est pour | 3 |
| transitionDuration | Définit ou retourne le nombre de secondes ou en millisecondes un effet de transition prend pour terminer | 3 |
| transitionTimingFunction | Définit ou retourne la courbe de vitesse de l'effet de transition | 3 |
| transitionDelay | Définit ou retourne lorsque l'effet de transition commencera | 3 |
| unicodeBidi | Définit ou retourne si le texte doit être supplantés pour prendre en charge plusieurs langues dans le même document | 2 |
| verticalAlign | Définit ou retourne l'alignement vertical de la teneur en un élément | 1 |
| visibility | Définit ou retourne si un élément doit être visible | 2 |
| whiteSpace | Définit ou retourne comment gérer les onglets, les sauts de ligne et les espaces dans un texte | 1 |
| width | Définit ou renvoie la largeur d'un élément | 1 |
| wordBreak | Définit ou retourne aligner les règles de rupture pour les scripts non-CJC | 3 |
| wordSpacing | Définit ou retourne l'espacement entre les mots dans un texte | 1 |
| wordWrap | Permet de longs mots incassables à être brisés et enveloppent à la ligne suivante | 3 |
| widows | Définit ou retourne le nombre minimal de lignes pour un élément qui doit être visible en haut d'une page | 2 |
| zIndex | Définit ou renvoie l'ordre d'empilement d'un élément positionné | 2 |
Pages associées
Tutoriel HTML: HTML CSS
Tutoriel CSS: CSS Tutorial
Référence HTML: HTML <style> balise
Référence CSS: Propriétés CSS