-
Toutes les propriétés
Propriétés d'animation
Propriété Description CSS @keyframes Specifie l'animation 3 animation Une propriété qui est un condensé de toutes les propriétés d'animation ci-dessous, à l'exception de la propriété animation-play-state 3 animation-name Specifie un nom pour l'animation @keyframes 3 animation-duration Specifie la durée d'un cycle de l'animation en secondes ou millisecondes 3 animation-timing-function Specifie la courbe de vitesse de l'animation 3 animation-delay Specifie le délai avant le début de l'animation 3 animation-iteration-count Specifie le nombre de fois ou l'animation est exécutée 3 animation-direction Specifie si l'animation est exécutée dans les deux sens ou pas 3 animation-play-state Specifie si l'animation est active ou en pause 3 Propriétés du fond
Propriété Description CSS background Fixe toutes les propriétés du fond en une seule déclaration 1 background-attachment Spécifie si l'image de fond est fixe ou défile avec le reste de la page 1 background-color Fixe la couleur de fond d'un élément 1 background-image Définit l'image de fond d'un élément 1 background-position Fixe la position de départ d'une image de fond 1 background-repeat Spécifie si l'image de fond doit être répétée 1 background-clip Définit la zone de remplissage du fond 3 background-origin Définit la zone de positionnement des images de fond 3 background-size Fixe la taille des images de fond 3 Propriétés des bordures et des lignes extérieures
Property Description CSS border Fixe toutes les propriétés de la bordure en une déclaration 1 border-bottom Fixe toutes les propriétés de la bordure inférieure en une déclaration 1 border-bottom-color Fixe la couleur de la bordure inférieure 1 border-bottom-style Fixe le style de la bordure inférieure 1 border-bottom-width Fixe la largeur de la bordure inférieure 1 border-color Fixe la couleur des quatre bordures 1 border-left Fixe toutes les propriétés de la bordure de gauche en une déclaration 1 border-left-color Fixe la couleur de la bordure gauche 1 border-left-style Fixe le style de la bordure gauche 1 border-left-width Fixe la largeur de la bordure gauche 1 border-right Fixe toutes les propriétés de la bordure de droite en une déclaration 1 border-right-color Fixe la couleur de la bordure droite 1 border-right-style Fixe le style de la bordure droite 1 border-right-width Fixe la largeur de la bordure droite 1 border-style Fixe le style des quatre bordures 1 border-top Fixe toutes les propriétés de la bordure supérieure en une déclaration 1 border-top-color Fixe la couleur de la bordure supérieure 1 border-top-style Fixe le style de la bordure supérieure 1 border-top-width Fixe la largeur de la bordure supérieure 1 border-width Fixe la largeur des quatre bordures 1 outline Fixe toutes les propriétés de la ligne extérieure en une déclaration 2 outline-color Fixe la couleur de la ligne extérieure 2 outline-style Fixe le style de la ligne extérieure 2 outline-width Fixe la largeur de la ligne extérieure 2 border-bottom-left-radius Definit le rayon du coin inférieur gauche de la bordure 3 border-bottom-right-radius Definit le rayon du coin inférieur droit de la bordure 3 border-image Fixe les propriétés en une déclaration de border-image-* 3 border-image-outset Specifie la valeur correspondant au débord au dela de la border box 3 border-image-repeat Specifie le type de répétition de l'image de bordure 3 border-image-slice Pas encore pris en compte par les navigateurs 3 border-image-source Définit l'image utilisée pour la bordure 3 border-image-width Spécifie la largeur des bordures image 3 border-radius Fixe le rayon de la bordure pour les quatre coins 3 border-top-left-radius Fixe le rayon du coin supérieur gauche de la bordure 3 border-top-right-radius Fixe le rayon du coin supérieur droit de la bordure 3 box-decoration-break 3 box-shadow Définit les ombres de la boite 3 Propriétés des boites
Propriété Description CSS overflow-x Spécifie si le contenu doit être affiché en cas de dépassement sur la gauche ou sur la droite 3 overflow-y Spécifie si le contenu doit être affiché en cas de dépassement en haut ou en bas de la boite 3 overflow-style Spécifie la méthode de défilement 3 rotation Effectue une rotation de l'élément autour d'un point défini par la propriété rotation-point 3 rotation-point Définit les coordonnées d'un point par rapport au coin supérieur gauche de la boite 3 Couleurs
Propriété Description CSS color-profile Permet de spécifier une source de couleur différente de celle par défaut 3 opacity Fixe le niveau d'opacité d'un élément 3 rendering-intent Permet de spécifier un redu de couleur différent de celui par défaut 3 Propriétés de dimensions
Propriété Description CSS height Fixe la hauteur d'un element 1 max-height Fixe la hauteur maximale d'un element 2 max-width Fixe la largeur maximale d'un element 2 min-height Fixe la hauteur minimale d'un element 2 min-width Fixe la largeur minimale d'un element 2 width Fixe la largeur d'un element 1 Propriétés des "Flexbox"
Propriété Description CSS box-align Définit la méthode d'alignement des éléments enfants d'une boite 3 box-direction Définit la direction pour l'affichage des enfants d'une boite 3 box-flex Indique si les enfants d'une boite ont une taille variable ou pas 3 box-flex-group Assigne des éléments flexible au groupe flex 3 box-lines Specifie si les colonnes s'affichent sur une nouvelle ligne dans le cas ou elles dépassent de la boite parent 3 box-ordinal-group Specifie l'ordre d'affichage des éléments enfant d'une boite 3 box-orient Specifie si les enfants doivent être disposés horizontalement ou verticalement 3 box-pack Specifie la position horizontale dans les boites horizontales et la position verticale dans les boites verticales 3 Polices
Propriété Description CSS font Fixe toutes les propriétés de la police en une déclaration 1 font-family Définit la police 1 font-size Fixe la taille du texte 1 font-style Définit le style 1 font-variant Specifie si le texte doit être affiché en minuscules ou non 1 font-weight Définit l'épaisseur de la police 1 @font-face Une règle permettant au site de télécharger et d'utiliser d'autres polices que les polices dites "web-safe" 3 font-size-adjust Permet de maintenir la lisibilité 3 font-stretch 3 Propriétés de contenu généré
Propriété Description CSS content Utilisé avec les pseudo-éléments :before et :after pour insérer du contenu généré 2 counter-increment Incrémente un compteur ou plus 2 counter-reset Crée ou réinitialise un ou plusieurs compteurs 2 quotes Fixe le type de symbole pour les citations 2 crop 3 move-to 3 page-policy 3 Propriétés des grilles
Propriété Description CSS grid-columns Specifie la largeur de chaque colonne d'une grille 3 grid-rows Specifie la hauteur de chaque ligne d'une grille 3 Propriétés des hyperliens
Propriété Description CSS target Permet de définir les propriétés target-name, target-new, et target-position 3 target-name Définit la façon d'ouvrir les liens 3 target-new Specifie si les liens new destination doivent s'ouvrir dans une nouvelle fenêtre ou un nouvel onglet 3 target-position Specifies la position des nouveaux liens 3 Propriétés des listes
Propriété Description CSS list-style Fixe toutes les propriétés des listes en une déclaration 1 list-style-image Définit l'image servant aux listes à puces 1 list-style-position Indique si les puces sont situées en dehors ou pas 1 list-style-type Specifie le type de puces 1 Margin Properties
Propriété Description CSS margin Fixe toutes les marges en une déclaration 1 margin-bottom Fixe la marge inférieure d'un élément 1 margin-left Fixe la marge gauche d'un élément 1 margin-right Fixe la marge droite d'un élément 1 margin-top Fixe la marge supérieure d'un élément 1 Balise Marquee
Propriété Description CSS marquee-direction Fixe la direction du déplacement 3 marquee-play-count Fixe le nombre de mouvements 3 marquee-speed Fixe la vitesse de défilement 3 marquee-style Fixe le style du défilement 3 Propriétés Multi-colonnes
Propriété Description CSS column-count Spécifie en combien de colonnes l'élément doit être divisé 3 column-fill Specifie la méthode de remplissage des colonnes 3 column-gap Specifie l'écart entre les colonnes 3 column-rule Fixe toutes les propriétés de column-rule-* 3 column-rule-color Fixe la couleur de la règle entre les colonnes 3 column-rule-style Fixe le style de la règle entre les colonnes 3 column-rule-width Fixe la largeur de la règle entre les colonnes 3 column-span Specifie sur combien de colonnes l'élément s'étend 3 column-width Fixe la largeur des colonnes 3 columns Propriété pour définir column-width et column-count 3 Le Padding
Propriété Description CSS padding Fixe toutes les propriétés du padding en une declaration 1 padding-bottom Définit le padding inférieur d'un élément 1 padding-left Définit le padding gauche d'un élément 1 padding-right Définit le padding droit d'un élément 1 padding-top Définit le padding supérieur d'un élément 1 Positionnement
Propriété Description CSS bottom Fixe la position du bas d'un élément 2 clear Specifie les cotés d'un élément ou les autres éléments flottants sont interdits 1 clip Attache un élément positionné en absolute 2 cursor Specifie le type de curseur à afficher 2 display Specifie la façon dont certains éléments html doivent être affichés 1 float Specifie si une boite est flottante ou pas 1 left Specifie la postion gauche d'un élément 2 overflow Specifie la façon de traiter la partie qui déborde d'un élément 2 position Specifie le typ de positionnement d'un élément (static,relative, absolute ou fixed) 2 right Specifie la postion droite d'un élément 2 top Specifie la postion haute d'un élément 2 visibility Specifie si un élément est visible ou non 2 z-index Spécifie le niveau d'affichage d'un élément 2 Impression
Propriété Description CSS orphans Fixe le nombre minimum de lignes qui doivent être laissées au bas d'une page quand la coupure se produit dans un élément 2 page-break-after Fixe le comportement de la coupure de page après un élément 2 page-break-before Fixe le comportement de la coupure de page avant un élément 2 page-break-inside Fixe le comportement de la coupure de page dans un élément 2 widows Fixe le nombre minimum de lignes qui doivent être laissées en haut d'une page quand la coupure se produit dans un élément 2 Propriétés des tables
Propriété Description CSS border-collapse Définit si les bordures de tables apparaîssent ou non 2 border-spacing Fixe la distance entre les bordures des cellules adjacentes 2 caption-side Spécifie la position de la légende d'une table 2 empty-cells Indique si les bordures et fond sont affichés sur les cellules vides d'une table 2 table-layout Permet d'adapter les largeurs de cellules au contenu 2 Propriétés Texte
Propriété Description CSS color Fixe la couleur du texte 1 direction Fixe la direction d'écriture du texte 2 letter-spacing Définit l'espacement entre les caractères 1 line-height Fixe la hauteur de ligne 1 text-align Définit l'alignement horizontal d'un texte 1 text-decoration Définit la 'décoration' du texte (barré, surligné, sousligné etc.) 1 text-indent Spécifie l'indentation de la première ligne dans un bloc texte 1 text-transform Controle l'affichage en minuscules ou majuscules 1 unicode-bidi 2 vertical-align Fixe l'alignement vertical d'un élément 1 white-space Comportement d'affichage avec les espaces vides 1 word-spacing Définit l'espacement entre les mots 1 hanging-punctuation Pas encore supporté 3 punctuation-trim Pas encore supporté 3 text-align-last Pas encore supporté 3 text-justify Specifie la méthode de justification 3 text-outline Pas encore supporté 3 text-overflow Spécifie le comportement en cas de dépassement du conteneur 3 text-shadow Ajoute une ombre au texte 3 text-wrap Pas encore supporté 3 word-break Définit la méthode pour la coupure des mots 3 word-wrap Permet aux mots trop longs d'être coupés 3 Transformations 2D/3D
Propriété Description CSS transform Applies a 2D or 3D transformation to an element 3 transform-origin Allows you to change the position on transformed elements 3 transform-style Specifies how nested elements are rendered in 3D space 3 perspective Specifies the perspective on how 3D elements are viewed 3 perspective-origin Specifies the bottom position of 3D elements 3 backface-visibility Defines whether or not an element should be visible when not facing the screen 3 Transition Properties
Property Description CSS transition A shorthand property for setting the four transition properties 3 transition-property Specifies the name of the CSS property the transition effect is for 3 transition-duration Specifies how many seconds or milliseconds a transition effect takes to complete 3 transition-timing-function Specifies the speed curve of the transition effect 3 transition-delay Specifies when the transition effect will start 3 User-interface Properties
Property Description CSS appearance Allows you to make an element look like a standard user interface element 3 box-sizing Allows you to define certain elements to fit an area in a certain way 3 icon Provides the author the ability to style an element with an iconic equivalent 3 nav-down Specifies where to navigate when using the arrow-down navigation key 3 nav-index Specifies the tabbing order for an element 3 nav-left Specifies where to navigate when using the arrow-left navigation key 3 nav-right Specifies where to navigate when using the arrow-right navigation key 3 nav-up Specifies where to navigate when using the arrow-up navigation key 3 outline-offset Offsets an outline, and draws it beyond the border edge 3 resize Specifies whether or not an element is resizable by the user 3
-
Commentaires
Bonjour
Je voudrais savoir s'il est possible de mettre un petit GIF animé comme " nouveau " ou "news" devant un bouton de l'en-tête ou sur les boutons de côté, pour avertir les visiteurs de nouveaux post dans la rubrique
Merci de bien vouloir m'aider en me répondant
Bonne après midi
Coucou ~ J'ai un peu du mal à comprendre avec tout ça.
Je voudrais une transition pour l'en-tête comme se site : http://sumire-no-team.eklablog.com/
Mais je n'arrive pas à trouver. Pourrais-tu m'aider ?
C’est super que tu es rassemblé tout les sélecteurs et propriétés ici car certains n’ont que l’un ou l’autre.
Suivre le flux RSS des commentaires
Ajouter un commentaire
Adapté à eklablog
Créer mon blog
Merci de tes conseils .
J'ai du mal a comprendre .
Je voudrais juste un code pour arrondir les angles des images .
Merci et bonne soirée .