calc() Fonction CSS
La fonction de Calculs Mathématiques CSS calc permet d'exécuter un calcul mathématique simple dans votre feuille CSS.Exemple d'écriture CSS de calc height : calc1em - 12px); width : calc50% + 12px); margin : calc100% / 4) calc100% / 3); padding : calc25% * 0.5); left : calc100% / 2 - 2 * 1em - var(--taille) * 1px); La fonction de Calculs ...
-moz-calc() Fonction CSS
La fonction de Calculs Mathématiques CSS -moz-calc permet d'exécuter un calcul mathématique simple dans votre feuille CSS.Exemple d'écriture CSS de -moz-calc height : -moz-calc50% - 12px); width : -moz-calc1em + 12px); margin : -moz-calc100% / 4) -moz-calc100% / 3); padding : -moz-calc10% * 12); left : -moz-calc100% / 2 - 2 * 1em - 2 * 1p...
-webkit-calc() Fonction CSS
La fonction de Calculs Mathématiques CSS -webkit-calc permet d'exécuter un calcul mathématique simple dans votre feuille CSS.Exemple d'écriture CSS de -webkit-calc height : -webkit-calc500px - 12px); width : -webkit-calc50% + 12px); margin : -webkit-calc100% / 2) -webkit-calc100% / 3); padding : -webkit-calc10% * 12); left : -webkit-calc1...
caption-side Propriété CSS
La propriété CSS caption-side permet de spécifier la position de légende du tableau (balise HTML CAPTION).Exemple d'écriture CSS de caption-side caption-side : left; caption-side : bottom; caption-side : top; caption-side : right; La propriété de feuille de style caption-side CSS peut prendre la valeur de positionnement :- top : affiche la légende ...
caret-color Propriété CSS
La propriété CSS caret-color permet de spécifier la couleur du caret. Ou se trouve le caret Le caret est un indicateur visible du point d'insertion dans un élément où le texte (ou autre contenu) est inséré par l'internaute. A ne pas confondre avec le curseur : cursorExemple d'écriture CSS caret-color caret-color : auto; caret-color : currentColor; ...
@charset Règle CSS
La règle CSS @charset permet de spécifier l'encodage des caractères utilisé dans la feuille de style externe.Exemple d'écriture CSS de @charset @charset "UTF-8"; @charset "iso-8859-15"; La règle de feuille de style @charset CSS accepte comme valeur : - nom : . ...
:checked Sélecteur CSS
La pseudo-classe CSS :checked permet de cibler tous les éléments HTML INPUT dont l'attribut est type=radio ou type=checkbox ou les éléments HTML OPTION, qui sont sélectionnés (attribut checked ou selected), afin de leur assigner des propriétés CSS. Exemple d'écriture CSS de :checked :checked { /* Propriétés */ } identifiant:checked { /* Propriétés ...
clear Propriété CSS
La propriété CSS clear permet de spécifier l'affichage de l'élément flottant (float) par rapport à l'élément précédent. Pour être plus précis, la propriété de feuille de style clear CSS permet de spécifier les côtés d'un ou des éléments qui ne doivent pas être adjacents. Exemple d'écriture CSS de clear clear : left; clear : right; clear : both; La ...
clip Propriété CSS
La propriété CSS clip permet de recadrer un élément positionné avec position et dont la valeur est absolute.Exemple d'écriture CSS de clip .identifiant{ clip : rect(0px, 50px, 50px, 0px); width : 200px; height : 200px; position : absolute; } La propriété de feuille de style clip CSS peut prendre la valeur de :- auto : s'adapte au contenu. - rect(v1...
color Propriété CSS
La propriété de Couleur CSS color permet de spécifier la couleur d'un texte d'un élément (X)HTML.Exemple d'écriture CSS de color color : tomato; color : transparent; color : #FF6347; color : rgb(255,99,71); color : hsl(9,100%,64%);La propriété de feuille de style color CSS peut prendre comme valeur de couleur : - transpent : la couleur du texte est...
column-count Propriété CSS
La propriété multi-colonne CSS column-count permet de spécifier le nombre de colonnes qui vont constituer l'élément.Exemple d'écriture CSS de column-count column-count : 3; column-count : auto; La propriété de feuille de style column-count CSS peut prendre la valeur de : - auto : le nombre de colonne est donné par une autre propriété comme column-w...
column-fill Propriété CSS
La propriété multi-colonne CSS column-fill permet de spécifier le nombre de colonnes de l'élément.Exemple d'écriture CSS de column-fill column-fill: balance; La propriété de feuille de style column-fill CSS peut prendre la valeur de : - auto : les colonnes sont remplies au fur et à mesure, valeur par défaut. - balance : les colonnes sont remplies é...
column-gap Propriété CSS
La propriété de gouttière CSS column-gap permet de spécifier l'espace entre chaque colonne au sein d'un container de type de Grid Css, Flex Css ou Multi-Column Css.Exemple d'écriture CSS de column-gap column-gap : normal; column-gap : 2px; column-gap : 30%; La propriété de feuille de style column-gap CSS peut prendre la valeur de : - normal : utili...
column-rule Propriété CSS
La propriété multi-colonne CSS column-rule est un raccourci qui permet de spécifier l'épaisseur, la couleur et le style de la ligne entre chaque colonne de l'élément. Exemple d'écriture CSS de column-rule column-rule : 3px ridge green; La propriété de feuille de style column-rule CSS peut prendre les valeurs de :- column-rule-width, spécifie l'épai...
column-rule-color Propriété CSS
La propriété multi-colonne CSS column-rule-color permet de spécifier la couleur de la ligne entre chaque colonne de l'élément.Exemple d'écriture CSS de column-rule-color column-rule-color : blue; column-rule-color :hsl(240,100%,27%); column-rule-color :rgb(60,179,113); La propriété de feuille de style column-rule-color CSS peut prendre la valeur de...
column-rule-style Propriété CSS
La propriété multi-colonne CSS column-rule-style permet de spécifier le style de la ligne entre chaque colonne de l'élément.Exemple d'écriture CSS de column-rule-style column-rule-style : groove; column-rule-style : none; La propriété de feuille de style column-rule-style CSS peut prendre la valeur de : - none : aucune bordure, valeur par défaut, -...
column-rule-width Propriété CSS
La propriété multi-colonne CSS column-rule-width permet de spécifier la taille de la ligne entre chaque colonne de l'élément.Exemple d'écriture CSS de column-rule-width column-rule-width : 30px; column-rule-width : 1em; La propriété de feuille de style column-rule-width CSS peut prendre la valeur de : - numérique positif suivie d'une unité de longu...
column-span Propriété CSS
La propriété multi-colonne CSS column-span permet de spécifier si un élément peut s'étendre sur toutes les colonnes au sein d'un élément conteneur multi-colonne.Exemple d'écriture CSS de column-span column-span : none; column-span : all; La propriété de feuille de style column-span CSS peut prendre la valeur de : - none : est pris dans la gestion d...
column-width Propriété CSS
La propriété multi-colonne CSS column-width permet de spécifier le nombre de colonnes de l'élément (X)HTML.Exemple d'écriture CSS de column-width column-width : 30px; La propriété de feuille de style column-width CSS peut prendre la valeur de :- auto : la largeur de la colonne est donné par une autre propriété de type column-*, valeur par défaut. -...
columns Propriété CSS
La propriété multi-colonne CSS columns est un raccourci qui permet de spécifier le nombre de colonnes et/ou la taille optimale d'une colonne en une seule déclaration. Exemple d'écriture CSS de column columns : 30px 5; columns : auto 3; columns : 50px auto; La propriété de feuille de style columns CSS peut prendre les valeurs de (dans l'ordre énoncé...
content Propriété CSS
La propriété CSS content permet de spécifier en CSS un texte, une image ou des guillemets à insérer en tant que contenu Css. content est utilisée avec les pseudo-éléments ::before et ::after.Exemple d'écriture CSS de content identifiant:after{ content : open-quote; } identifiant:before{ content : url("/img/icone/16x16/facebook.gif") " contenu "; /*...
contrast() Fonction CSS
La fonction de Contraste CSS contrast de la propriété de Filtre CSS filter permet de spécifier la quantité d'effet de contraste de couleurs à appliquer sur un élément. Exemple d'écriture CSS de filter:contrast filter : contrast50%); filter : contrast0.5); La fonction de Contraste CSS contrastparamètre) CSS peut prendre comme paramètre de con...
counter() Fonction CSS
La fonction CSS counter permet de récupérer la valeur courante d'une variable de "compteur". La fonction CSS counter est utilisée avec la propriété CSS content.Exemple d'écriture CSS de counter .identifiant:before{ content : counter section ); } .identifiant:before{ content : counter section, upper-roman ); } La fonction de feuille de style...
counter-increment Propriété CSS
La propriété CSS counter-increment permet d'incrémenter une variable de "compteur".Exemple d'écriture CSS de counter-increment .identifiant:before{ counter-increment : section; } .identifiant:before{ counter-increment : section 5; } La propriété de feuille de style counter-increment CSS accepte la valeur : - none : ne fait rien. - variable quantité...
counter-reset Propriété CSS
La propriété CSS counter-reset permet d'initialiser et réinitialiser une variable de "compteur".Exemple d'écriture CSS de counter-reset counter-reset : section; counter-reset : section 5; counter-reset : section 5 soussection 0; La propriété de feuille de style counter-reset CSS accepte la valeur :- none : ne fait rien. Valeur par défaut. - variabl...
cursor Propriété CSS
La propriété CSS cursor permet de spécifier la forme du curseur à utiliser sur un élément. Le graphisme du curseur varie suivant les navigateurs, mais la signification curseur reste la même.Exemple d'écriture CSS cursor cursor : pointer; cursor : move; cursor : progress; cursor : wait; cursor : nw-resize; cursor : no-drop; cursor : url(/img/screens...