[attribut] Sélecteur CSS
Le sélecteur CSS d'attribut [attribut operateur valeur] permet de sélectionner un élément en fonction d'un de ses attributs et leurs valeurs.Exemple d'écriture CSS du sélecteur d'attribut [class]{ /*Propriété CSS*/ } a[target="_blank"]{ /*Propriété CSS*/ } :not([class~=widget]){ /*Propriété CSS*/ } p[class|="end"]{ /*Propriété CSS*/ } Le sélecteur ...
:active Sélecteur CSS
La pseudo-classe d'action CSS :active permet d'assigner des propriétés CSS à un élément HTML durant le moment où l'internaute clique sur ce dernier avec sa souris. La pseudo-classe :active CSS est utilisée entre autre pour les liens (balise A) et les boutons ( balise button ou input).Exemple d'écriture CSS :active a:active{ /* propriétés Css pour é...
:after Sélecteur CSS
Le pseudo-élément CSS :after de spécifier qu'un "contenu CSS" sera inséré à la fin du contenu d'un élément (x)HTML ou d'assigner à ce "contenu CSS" des propriétés CSS.Exemple d'écriture CSS de :after identifianta:after{ content:"..."; } identifianta:after{ color:green; font-size:12px; } identifiant:after{ content:url(/img/icone.gif); width:150px; d...
align-content Propriété CSS
La propriété d'alignement CSS align-content permet de spécifier la manière dont est distribué "verticalement" l'espace restant entre les éléments flexibles ou grille Css dans leur conteneur Flexbox Css ou Grid Css. Sens de l'alignement align-content Dans un conteneur Flexbox Css, l'alignement se fait par rapport à l'axe transversal et seulement dan...
align-items Propriété CSS
La propriété d'alignement CSS align-items permet de spécifier globalement l'alignement "vertical" des éléments flexibles ou grille Css par rapport à la hauteur de ligne (ou de largeur de la colonne) d'un conteneur Flexbox Css ou Grid Css. Sens de l'alignement align-items Dans un conteneur Flexbox Css, l'alignement se fait par rapport à l'axe transv...
align-self Propriété CSS
La propriété d'alignement CSS align-self permet de spécifier l'alignement d'un élément flexible ou grille Css spécifique par rapport à la hauteur de ligne (ou de largeur de la colonne) d'un conteneur Flexbox Css ou Grid Css. Sens de l'alignement align-self Dans un conteneur Flexbox Css, l'alignement se fait par rapport à l'axe transversal. Dans un ...
alpha Propriété CSS
alpha CSS n'est pas une propriété de feuille de style css mais une valeur de la propriété de feuille de style css filter qui est une feuille de style Internet Explorer. La valeur alpha de la propriété de feuille de style css filter permet de mettre de changer la transparence d'un élément. Pour les versions Internet Explorer < 5.5Exemple d'écriture ...
animation Propriété CSS
La propriété d'Animation CSS animation est un raccourci permet de spécifier l'ensemble des propriétés CSS d'Animation à appliquer une animation CSS.Exemple d'écriture CSS d'animation .mon-animation{ animation : une-animation 5s ease-out 0s infinite normal none; } @keyframes une-animation{ ...} La propriété d'Animation CSS animation peut prendre un/...
animation-delay Propriété CSS
La propriété d'Animation CSS animation-delay permet de spécifier la durée de latence (pause) avant de démarrer une animation CSS.Exemple d'écriture CSS de animation-delay .mon-animation{ animation-name : animation0; animation-delay : 6s; } .mon-animation{ animation-name : animation1, animation2; animation-delay : 5s, 8s; } La propriété d'Animation ...
animation-direction Propriété CSS
La propriété d'Animation CSS animation-direction permet de spécifier le sens de lecture de l'animation à appliquer, notamment pour les répétitions.Exemple d'écriture CSS de animation-direction animation-direction : normal; animation-direction : alternate; animation-direction : reverse; animation-direction : alternate-reverse; La propriété d'Animati...
animation-duration Propriété CSS
La propriété d'Animation CSS animation-duration permet de spécifier la durée totale de l'animation à appliquer.Exemple d'écriture CSS de animation-duration .mon-animation{ animation-name : animation0; animation-duration : 6s; } .mon-animation{ animation-name : animation1, animation2; animation-duration : 5s, 8s; } La propriété d'Animation CSS anima...
animation-fill-mode Propriété CSS
La propriété d'Animation CSS animation-fill-mode permet de spécifier à quel moment de l'animation CSS les effets sont apparents (avant, après).Exemple d'écriture CSS de animation-fill-mode animation-fill-mode : none; animation-fill-mode : backwards; animation-fill-mode : forwards; animation-fill-mode : both; La propriété d'Animation CSS animation-f...
animation-iteration-count Propriété CSS
La propriété d'Animation CSS animation-iteration-count permet de spécifier le nombre de fois qu'est joué l'animation CSS .Exemple d'écriture CSS de animation-iteration-count animation-iteration-count : 5; animation-iteration-count : infinite; La propriété d'Animation CSS animation-iteration-count accepte une/des valeurs suivantes :- nombre entier q...
animation-name Propriété CSS
La propriété d'Animation CSS animation-name permet de spécifier l'identifiant de l'animation CSS.Exemple d'écriture CSS de animation-name @keyframes animation-un{ ... } @keyframes animation-deux{ ... } .mon-animation{ animation-name : animation-un } .mon-animation1{ animation-name : animation-un, animation-deux } La propriété d'Animation CSS animat...
animation-play-state Propriété CSS
La propriété d'Animation CSS animation-play-state permet de spécifier si l'animation CSS appliquée est en pause ou si l'animation est jouée.Exemple d'écriture CSS de animation-play-state animation-play-state : running; animation-play-state : paused; La propriété d'Animation CSS animation-play-state accepte une/des valeurs suivantes :- paused : l'an...
animation-timing-function Propriété CSS
La propriété d'Animation CSS animation-timing-function permet de spécifier comment progresse l'animation CSS entre les images clés.Exemple d'écriture CSS de animation-timing-function animation-timing-function : linear; animation-timing-function : ease; animation-timing-function : ease-in-out; animation-timing-function : step-start; animation-timing...
-moz-appearance Propriété CSS
La propriété CSS -moz-appearance permet d'indiquer si l'élément doit être affiché avec la mise en forme provenant native du thème du système d'exploitation. Exemple d'écriture CSS de -moz-appearance .identifiant{ -moz-appearance : none; } La propriété de feuille de style -moz-appearance CSS peut pendre une valeur de :- none. - button. - button-arro...
-webkit-appearance Propriété CSS
La propriété CSS -webkit-appearance permet d'indiquer si l'élément doit être affiché avec la mise en forme native provenant du thème du système d'exploitation. Exemple d'écriture CSS de -webkit-appearance .identifiant{ -webkit-appearance : none; } La propriété de feuille de style -webkit-appearance CSS peut pendre une valeur de :- none, - default-b...
azimuth Propriété CSS
En construction...