[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 attribut
s 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...