English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'objet Style représente une déclaration de style unique.
L'objet Style peut être accédé à partir du document ou de l'élément appliquant le style.
Le tableau suivant liste les attributs de l'objet Style.
La colonne "CSS" indique dans quelle version de CSS l'attribut est défini (CSS1，CSS2ou CSS3）。
| Attribut | Description | CSS |
|---|---|---|
| alignContent | Définir ou retourner la manière dont les lignes dans le conteneur élastique sont alignées lorsque les éléments ne utilisent pas tout l'espace disponible | 3 |
| alignItems | Définir ou retourner la manière dont les éléments dans le conteneur élastique sont alignés | 3 |
| alignSelf | Définir ou retourner la manière dont les éléments sélectionnés dans le conteneur élastique sont alignés | 3 |
| animation | Tous les attributs d'animation ci-dessous, à l'exception de animationPlayState | 3 |
| animationDelay | Définir ou retourner le moment où l'animation commence | 3 |
| animationDirection | Définir ou retourner si l'animation doit être jouée alternativement une fois | 3 |
| animationDuration | Définir ou retourner le nombre de secondes ou de millisecondes nécessaires pour une période complète de l'animation | 3 |
| animationFillMode | Définir ou retourner la valeur appliquée en dehors du temps d'exécution de l'animation | 3 |
| animationIterationCount | Définir ou retourner le nombre de fois que l'animation doit être jouée | 3 |
| animationName | Définir ou retourner le nom de l'animation @keyframes | 3 |
| animationTimingFunction | Définir ou retourner la courbe de vitesse de l'animation | 3 |
| animationPlayState | Définir ou retourner si l'animation doit s'exécuter ou être suspendue | 3 |
| background | Définir ou retourner tous les attributs de fond dans une seule déclaration | 1 |
| backgroundAttachment | Définir ou retourner si l'image de fond est fixe ou fait défiler avec la page | 1 |
| backgroundColor | Définir ou retourner la couleur de fond de l'élément | 1 |
| backgroundImage | Définir ou retourner l'image de fond de l'élément | 1 |
| backgroundPosition | Définir ou retourner la position de départ de l'image de fond | 1 |
| backgroundRepeat | Définir ou retourner comment l'image de fond doit être répétée (tapisserie) | 1 |
| backgroundClip | Définir ou retourner la zone de dessin de l'image de fond | 3 |
| backgroundOrigin | Définir ou retourner la zone de positionnement de l'image de fond | 3 |
| backgroundSize | Définir ou retourner la taille de l'image de fond | 3 |
| backfaceVisibility | Définir ou retourner si un élément doit être visible lorsque le visage ne fait pas face à l'écran | 3 |
| border | Définir ou retourner borderWidth, borderStyle et borderColor dans une déclaration | 1 |
| borderBottom | Définir ou retourner tous les attributs borderBottom dans une déclaration | 1 |
| borderBottomColor | Définir ou retourner la couleur de la bordure inférieure | 1 |
| borderBottomLeftRadius | Définir ou retourner la forme de la bordure coin inférieur gauche | 3 |
| borderBottomRightRadius | Définir ou retourner la forme de la bordure coin inférieur droit | 3 |
| borderBottomStyle | Définir ou retourner le style de la bordure inférieure | 1 |
| borderBottomWidth | Définir ou retourner la largeur de la bordure inférieure | 1unité |
| borderCollapse | Définir ou retourner si les bordures de la table doivent être repliées en une seule bordure | 2 |
| borderColor | Définir ou retourner la couleur de la bordure de l'élément (jusqu'à quatre valeurs possibles) | 1 |
| borderImage | Propriété abrégée pour définir ou retourner tous les attributs borderImage | 3 |
| borderImageOutset | Définir ou retourner la quantité de la zone de l'image de bordure qui dépasse la bordure | 3 |
| borderImageRepeat | Définir ou retourner si l'image doit être répétée, arrondie ou étirée | 3 |
| borderImageSlice | Définir ou retourner le décalage vers l'intérieur de la bordure de l'image | 3 |
| borderImageSource | Définir ou retourner l'image utilisée comme bordure | 3 |
| borderImageWidth | Définir ou retourner la largeur de la bordure de l'image | 3 |
| borderLeft | Définir ou retourner tous les attributs borderLeft dans une déclaration | 1 |
| borderLeftColor | Définir ou retourner la couleur de la bordure gauche | 1 |
| borderLeftStyle | Définir ou retourner le style de la bordure gauche | 1 |
| borderLeftWidth | Définir ou retourner la largeur de la bordure gauche | 1unité |
| borderRadius | Propriété abrégée pour définir ou retourner tous les quatre attributs borderRadius | 3 |
| borderRight | Définir ou retourner tous les attributs borderRight dans une déclaration | 1 |
| borderRightColor | Définir ou retourner la couleur de la bordure droite | 1 |
| borderRightStyle | Définir ou retourner le style de la bordure droite | 1 |
| borderRightWidth | Définir ou retourner la largeur de la bordure droite | 1 |
| borderSpacing | Définir ou retourner l'espace entre les cellules d'une table | 2 |
| borderStyle | Définir ou retourner le style de la bordure de l'élément (jusqu'à quatre valeurs possibles) | 1 |
| borderTop | Définir ou retourner tous les attributs borderTop dans une déclaration | 1 |
| borderTopColor | Définir ou retourner la couleur de la bordure supérieure | 1 |
| borderTopLeftRadius | Définir ou retourner la forme de la bordure en haut à gauche | 3 |
| borderTopRightRadius | Définir ou retourner la forme de la bordure en haut à droite | 3 |
| borderTopStyle | Définir ou retourner le style de la bordure supérieure | 1 |
| borderTopWidth | Définir ou retourner la largeur de la bordure supérieure | 1 |
| borderWidth | Définir ou retourner la largeur de la bordure de l'élément (jusqu'à quatre valeurs possibles) | 1 |
| bottom | Définir ou retourner la position inférieure de l'élément positionné | 2 |
| boxDecorationBreak | Définir ou retourner le comportement du fond et de la bordure à la pagination ou à la ligne des éléments en ligne lors d'un retour à la ligne | 3 |
| boxShadow | Ajouter une ou plusieurs ombres à la boîte | 3 |
| boxSizing | Permet de définir comment certains éléments doivent s'adapter à une zone | 3 |
| captionSide | Définir ou retourner la position du titre du tableau | 2 |
| clear | Définir ou retourner la position de l'élément par rapport à l'objet flottant | 1 |
| clip | Définir ou retourner quelle partie de l'élément positionné doit être visible | 2 |
| color | Définir ou retourner la couleur du texte | 1 |
| columnCount | Définir ou retourner le nombre de colonnes que l'élément doit diviser | 3 |
| columnFill | Définir ou retourner comment les colonnes doivent être remplies | 3 |
| columnGap | Définir ou retourner l'intervalle entre les colonnes | 3 |
| columnRule | Propriété abrégée pour définir ou retourner toutes les propriétés columnRule | 3 |
| columnRuleColor | Définir ou retourner la couleur des règles entre les colonnes | 3 |
| columnRuleStyle | Définir ou retourner le style des règles entre les colonnes | 3 |
| columnRuleWidth | Définir ou retourner la largeur des règles entre les colonnes | 3 |
| columns | Propriété abrégée pour définir ou retourner columnWidth et columnCount | 3 |
| columnSpan | Définir ou retourner le nombre de colonnes que l'élément doit couvrir | 3 |
| columnWidth | Définir ou retourner la largeur de la colonne | 3 |
| content | Utilisé avec les pseudo-éléments :before et :after pour insérer du contenu généré | 2 |
| counterIncrement | Augmenter un ou plusieurs compteurs | 2 |
| counterReset | Créer ou réinitialiser un ou plusieurs compteurs | 2 |
| cursor | Définir ou retourner le type de curseur affiché pour le pointeur de la souris | 2 |
| direction | Définir ou retourner la direction du texte | 2 |
| display | Définir ou retourner le type d'affichage de l'élément | 1 |
| emptyCells | Définir ou retourner si la bordure et le fond des cellules vides doivent être affichés | 2 |
| filter | Définir ou retourner le filtre d'image (effets visuels tels que le flou et la saturation) | 3 |
| flex | Définir ou retourner la longueur d'un élément par rapport au reste de la partie | 3 |
| flexBasis | Définir ou retourner la longueur initiale du matériau élastique | 3 |
| flexDirection | Définir ou retourner la direction de l'élément élastique | 3 |
| flexFlow | Propriété abrégée de flexDirection et flexWrap | 3 |
| flexGrow | Définir ou retourner la quantité de croissance de l'élément par rapport aux autres éléments | 3 |
| flexShrink | Définir ou retourner la manière dont l'élément se rétrécit par rapport aux autres éléments | 3 |
| flexWrap | Définir ou retourner si l'élément élastique doit être enveloppé | 3 |
| cssFloat | Définir ou retourner l'alignement horizontal de l'élément | 1 |
| font | Définir ou retourner fontStyle, fontVariant, fontWeight, fontSize, lineHeight et fontFamily dans une déclaration | 1 |
| fontFamily | Définir ou retourner la famille de polices du texte | 1 |
| fontSize | Définir ou retourner la taille de la police du texte | 1 |
| fontStyle | Définir ou retourner si le style de la police est normal, italic ou oblique | 1 |
| fontVariant | Définir ou retourner si les lettres doivent être affichées en minuscules ou en majuscules | 1 |
| fontWeight | Définir ou retourner la grasité de la police | 1 |
| fontSizeAdjust | Préserver la lisibilité du texte en cas de retour en arrière de la police | 3 |
| fontStretch | Choisir une police ordinaire, condensée ou étendue de la famille de polices | 3 |
| hangingPunctuation | Spécifier si les points de ponctuation peuvent être placés en dehors de la boîte de ligne | 3 |
| height | Définir ou retourner la hauteur de l'élément | 1 |
| hyphens | Définir comment les mots doivent être divisés pour améliorer la mise en page du paragraphe | 3 |
| icon | Permettre à l'auteur d'utiliser un style équivalent marquant pour définir le style de l'élément | 3 |
| imageOrientation | Spécifier la rotation horaire ou à droite de l'agent utilisateur appliquée à l'image | 3 |
| isolation | Définir si l'élément doit créer un nouveau contenu de pile | 3 |
| justifyContent | Définir ou retourner la manière dont l'élément est aligné dans le conteneur élastique lorsque l'espace disponible n'est pas utilisé | 3 |
| left | Définir ou retourner la position de gauche de l'élément positionné | 2 |
| letterSpacing | Définir ou retourner l'espacement entre les caractères de texte | 1 |
| lineHeight | Définir ou retourner la distance entre les lignes de texte | 1 |
| listStyle | Définir ou retourner listStyleImage, listStylePosition et listStyleType dans une déclaration | 1 |
| listStyleImage | Définir ou retourner une image en tant que marquage des éléments de liste | 1 |
| listStylePosition | Définir ou retourner la position du marquage des éléments de liste | 1 |
| listStyleType | Définir ou retourner le type de marquage des éléments de liste | 1 |
| margin | Définir ou retourner la marge de l'élément (peut contenir jusqu'à quatre valeurs) | 1 |
| marginBottom | Définir ou retourner la marge inférieure de l'élément | 1 |
| marginLeft | Définir ou retourner la marge gauche de l'élément | 1 |
| marginRight | Définir ou retourner la marge droite de l'élément | 1 |
| marginTop | Définir ou retourner la marge supérieure de l'élément | 1 |
| maxHeight | Définir ou retourner la hauteur maximale de l'élément | 2 |
| maxWidth | Définir ou retourner la largeur maximale de l'élément | 2 |
| minHeight | Définir ou retourner la hauteur minimale de l'élément | 2 |
| minWidth | Définir ou retourner la largeur minimale de l'élément | 2 |
| navDown | Définir ou retourner la position de navigation lorsque la touche de navigation vers le bas est utilisée | 3 |
| navIndex | Définir ou retourner l'ordre de tabulation de l'élément | 3 |
| navLeft | Définir ou retourner la position de navigation lorsque la touche de navigation vers la gauche est utilisée | 3 |
| navRight | Définir ou retourner la position de navigation lorsque la touche de navigation vers la droite est utilisée | 3 |
| navUp | Définir ou retourner la position de navigation lorsque la touche de navigation vers le haut est utilisée | 3 |
| objectFit | Spécifier comment le contenu de l'élément de remplacement doit s'adapter à la hauteur et à la largeur des boîtes utilisées | 3 |
| objectPosition | Spécifier la manière dont l'élément de remplacement doit être aligné à l'intérieur de sa boîte | 3 |
| opacity | Définir ou retourner le niveau d'opacité de l'élément | 3 |
| order | Définir ou retourner l'ordre des éléments flexibles par rapport aux autres éléments | 3 |
| orphans | Définir ou retourner le nombre minimum de lignes à conserver en bas de la page lorsque le saut de page se produit à l'intérieur de l'élément | 2 |
| outline | Définir ou retourner toutes les propriétés de contour dans une seule déclaration | 2 |
| outlineColor | Définir ou retourner la couleur du contour de l'élément | 2 |
| outlineOffset | Décaler le contour et le dessiner au-delà de la marge de bordure | 3 |
| outlineStyle | Définir ou retourner le style du contour de l'élément | 2 |
| outlineWidth | Définir ou retourner la largeur de la contour de l'élément | 2 |
| overflow | Définir ou retourner la manière dont le contenu présenté en dehors de la boîte de l'élément est traité | 2 |
| overflowX | Spécifier à la gauche du contenu/Comment traiter le débordement du contenu de l'élément à la marge droite | 3 |
| overflowY | Spécifier en haut du contenu/Comment traiter le débordement du contenu de l'élément à la marge inférieure | 3 |
| padding | Définir ou retourner le remplissage de l'élément (peut contenir jusqu'à quatre valeurs) | 1 |
| paddingBottom | Définir ou retourner le remplissage inférieur de l'élément | 1 |
| paddingLeft | Définir ou retourner le remplissage gauche de l'élément | 1 |
| paddingRight | Définir ou retourner le remplissage droit de l'élément | 1 |
| paddingTop | Définir ou retourner le remplissage supérieur de l'élément | 1 |
| pageBreakAfter | Définir ou retourner le comportement de saut de page après l'élément | 2 |
| pageBreakBefore | Définir ou retourner le comportement du saut de page avant l'élément | 2 |
| pageBreakInside | Définir ou retourner le comportement des sauts de page à l'intérieur de l'élément | 2 |
| perspective | Définir ou retourner comment voir3Perspective de l'élément D | 3 |
| perspectiveOrigin | Définir ou retourner3Position inférieure de l'élément D | 3 |
| position | Définir ou retourner le type de méthode de localisation de l'élément (statique, relative, absolue ou fixe) | 2 |
| quotes | Définir ou retourner le type de guillemets utilisé pour les citations intégrées | 2 |
| resize | Définir ou retourner si l'élément peut être redimensionné par l'utilisateur | 3 |
| right | Définir ou retourner la position exacte de l'élément d'alignement | 2 |
| tableLayout | Définir ou retourner la méthode de disposition des cellules de tableau, des lignes et des colonnes | 2 |
| tabSize | Définir ou retourner la longueur du tabulateur | 3 |
| textAlign | Définir ou retourner la méthode d'alignement horizontal du texte | 1 |
| textAlignLast | Définir ou retourner la méthode d'alignement utilisée lorsque le texte est aligné en 'justify', avant le saut de ligne forcé pour le bloc ou la dernière ligne | 3 |
| textDecoration | Définir ou retourner la décoration du texte | 1 |
| textDecorationColor | Définir ou retourner la couleur de la décoration du texte | 3 |
| textDecorationLine | Définir ou retourner le type de ligne dans la décoration du texte | 3 |
| textDecorationStyle | Définir ou retourner le style de la ligne dans la décoration du texte | 3 |
| textIndent | Définir ou retourner l'indentation de la première ligne du texte | 1 |
| textJustify | Définir ou retourner la méthode d'alignement utilisée lorsque le texte est aligné en 'justify' | 3 |
| textOverflow | Définir ou retourner ce qui se passe lorsque le texte dépasse l'élément de conteneur | 3 |
| textShadow | Définir ou retourner l'effet d'ombre du texte | 3 |
| textTransform | Définir ou retourner la casse des caractères du texte | 1 |
| top | Définir ou retourner la position supérieure de l'élément d'alignement | 2 |
| transform | Transformer2D ou3La transformation D appliquée à l'élément | 3 |
| transformOrigin | Définir ou retourner la position de l'élément après la transformation | 3 |
| transformStyle | Définir ou retourner3Méthode de rendu des éléments imbriqués dans l'espace D | 3 |
| transition | Utilisé pour définir ou retourner les propriétés de transition des quatre attributs en abrégé | 3 |
| transitionProperty | Définir ou retourner les propriétés CSS cibles de l'effet de transition | 3 |
| transitionDuration | Définir ou retourner le nombre de secondes ou de millisecondes nécessaires pour la fin de l'effet de transition | 3 |
| transitionTimingFunction | Définir ou retourner la courbe de vitesse de l'effet de transition | 3 |
| transitionDelay | Définir ou retourner le temps de début de l'effet de transition | 3 |
| unicodeBidi | Définir ou retourner si le texte doit être redécrit pour soutenir plusieurs langues dans le même document | 2 |
| userSelect | Définir ou retourner si le texte de l'élément peut être sélectionné | 2 |
| verticalAlign | Définir ou retourner l'alignement vertical du contenu de l'élément | 1 |
| visibility | Définir ou retourner si l'élément doit être visible | 2 |
| whiteSpace | Définir ou retourner comment traiter les tabulations, les retours chariot et les espaces dans le texte | 1 |
| width | Définir ou retourner la largeur de l'élément | 1 |
| wordBreak | Définir ou retourner les règles de saut de ligne pour les scripts non CJK | 3 |
| wordSpacing | Définir ou retourner l'espacement entre les mots dans le texte | 1 |
| wordWrap | Permettre de briser des mots longs et indéboulonnables et de les passer à la ligne suivante | 3 |
| widows | Définir ou retourner le nombre minimum de lignes visible en haut de la page pour un élément | 2 |
| zIndex | Définir ou retourner l'ordre d'empilement de l'élément positionné | 2 |
Tutoriel HTML :HTML CSS
Tutoriel CSS :Tutoriel CSS
Référence HTML :Balise <style> HTML
Référence CSS :Propriétés CSS