tab-size Propriété CSS
La propriété CSS tab-size permet spécifier la largeur du caractère de tabulation (U+0009).Exemple d'écriture CSS de tab-size : tab-size : 5; tab-size : 12px; tab-size : 5em; La propriété de feuille de style tab-size CSS peut prendre la valeur de :-numérique : nombre entier positif seul, représente le nombre d'espace. La valeur par défaut est de 8. ...
table-layout Propriété CSS
La propriété CSS table-layout permet de spécifier l'algorithme utilisé pour disposer les cellules, colonnes et lignes d'un tableau.Exemple d'écriture CSS de table-layout table-layout : auto; table-layout : fixed; La propriété de feuille de style table-layout CSS peut prendre la valeur de : - auto : la largeur du tableau et de ces cellules dépendent...
-webkit-tap-highlight-color Propriété CSS
La propriété CSS -webkit-tap-highlight-color permet de spécifier la couleur de surbrillance lorsque l'utilisateur appuie sur un lien ou d'un élément cliquable JavaScript dans Safari sur iOS. Exemple d'écriture CSS -webkit-tap-highlight-color -webkit-tap-highlight-color: palegoldenrod; -webkit-tap-highlight-color: #EEE8AA; -webkit-tap-highlight-colo...
:target Sélecteur CSS
La pseudo-classe CSS :target permet de cibler tous les éléments ayant pour attribut id dont la valeur (moins le #) est égale l'ancre(#mon_ancre) présente dans l'url de la page afin de leur assigner des propriétés CSS. Exemple d'écriture CSS de :target :target { /* Propriétés */ } /* http://www.zonecss.fr/exemples-code-css/exemples-target-selector-c...
text-align Propriété CSS
La propriété d'Alignement CSS text-align permet de définir l'alignement horizontal du texte ou plus globalement les éléments dits inline dans un élément (X)HTML dit block qui les contient.Exemple d'écriture CSS de text-align text-align : left; text-align : center; text-align : right; text-align : justify; text-align : "."; La propriété de feuille d...
text-decoration Propriété CSS
La propriété CSS text-decoration permet de spécifier les décorations linéaires d'un mot par exemple si le mot est souligné ou barré, etc...Exemple d'écriture CSS de text-decoration text-decoration : line-through; text-decoration : underline; text-decoration : blink;La propriété de feuille de style text-decoration CSS peut prendre la valeur de : - u...
text-decoration-color Propriété CSS
La propriété CSS text-decoration-color permet de spécifier la couleur des décorations d'un mot par exemple la couleur du soulignéExemple d'écriture CSS de text-decoration-color text-decoration-color : transparent; text-decoration-color : currentColor; text-decoration-color : saddlebrown; text-decoration-color : #8B4513; text-decoration-color : rgb(...
-moz-text-decoration-color Propriété CSS
La propriété CSS -moz-text-decoration-color permet de spécifier la couleur des décorations d'un mot par exemple la couleur du souligné ou du surligné.Exemple d'écriture CSS de -moz-text-decoration-color -moz-text-decoration-color : transparent; -moz-text-decoration-color : currentColor; -moz-text-decoration-color : darkturquoise; -moz-text-decorati...
text-decoration-line Propriété CSS
La propriété CSS text-decoration-line permet de spécifier le type de décorations linéaires d'un mot, par exemple si le mot est souligné, barré, etc...Exemple d'écriture CSS de text-decoration-line text-decoration-line : line-through; text-decoration-line : underline; text-decoration-line : blink;La propriété de feuille de style text-decoration-line...
text-decoration-style Propriété CSS
La propriété CSS text-decoration-style permet de spécifier le type du trait utilisé pour la décoration linéaire d'un mot.Exemple d'écriture CSS de text-decoration text-decoration-style : solid; text-decoration-style : dotted; text-decoration-style : wavy;La propriété de feuille de style text-decoration-style CSS peut prendre la valeur de : - solid ...
text-indent Propriété CSS
La propriété CSS text-indent permet de spécifier le décalage la première ligne d'un texte (retrait).Exemple d'écriture CSS de text-indent text-indent : 5px; text-indent : 5%; text-indent : 1em;La propriété de feuille de style text-indent CSS peut pendre une valeur :- numérique positif ou négatif suivi d'un unité de longueur CSS ( px ou pt ou em, et...
text-overflow Propriété CSS
La propriété CSS text-overflow permet de mettre entre autre des points de suspension ("...") quand le texte sort du bloc.Exemple d'écriture CSS de text-overflow text-overflow : '!!!'; text-overflow : ellipsis; text-overflow : ellipsis '.';La propriété de feuille de style text-overflow CSS peut prendre la valeur de :- ellipsis : ajoute des points de...
-o-text-overflow Propriété CSS
La propriété CSS -o-text-overflow permet de mettre entre autre des points de suspension ("...") quand le texte sort du bloc.Exemple d'écriture CSS de -o-text-overflow -o-text-overflow : ellipsis; -o-text-overflow : clip;La propriété de feuille de style -o-text-overflow CSS peut prendre la valeur de : - ellipsis : ajoute des points de suspension ".....
text-shadow Propriété CSS
La propriété d'ombre CSS text-shadow permet de créer une ombre portée Css sous le texte.Exemple d'écriture CSS d'une ombre portée avec text-shadow text-shadow : 2em 2em 0.2em red; text-shadow : 2em 2em 0.2em red, 6px 3px 15px yellow; La propriété de feuille de style text-shadow CSS accepte quatre valeurs dans l'ordre :- nombre suivi d'une unité de ...
-ms-text-size-adjust Propriété CSS
La propriété CSS -ms-text-size-adjust permet de déterminer comment la taille de la police est ajustée par rapport à sa taille initiale. Exemple d'écriture CSS de -ms-text-size-adjust .identifiant{ -ms-text-size-adjust : 100%; } La propriété de feuille de style -ms-text-size-adjust CSS peut pendre une valeur de : - none, bloque tout ajustement du te...
-webkit-text-size-adjust Propriété CSS
La propriété CSS -webkit-text-size-adjust permet de déterminer comment la taille de la police est ajustée par rapport à sa taille initiale. Exemple d'écriture CSS de -webkit-text-size-adjust .identifiant{ -webkit-text-size-adjust : 100%; } La propriété de feuille de style -webkit-text-size-adjust CSS peut pendre une valeur de : - none, bloque tout ...
text-transform Propriété CSS
La propriété CSS text-transform permet de modifier la "capitalisation" ( Majuscule Minuscule ) d'un bloc texte, comme par exemple transformer l'affichage d'un texte minuscule en majuscule. Vous pouvez aussi transformer directement le texte avec le . Exemple d'écriture CSS de text-transform text-transform : capitalize; text-transform : uppercase; te...
top Propriété CSS
La propriété de Position CSS top permet de spécifier la position du bord haut de la marge d'un élément positionné par rapport au bord haut de son parent servant d'origine, dans le cadre d'un positionnement seulement.Exemple d'écriture CSS de top .selecteur-css{ position : fixed; top : 0px; } .selecteur-css{ position : relative; top : auto; } .selec...
-webkit-touch-callout Propriété CSS
La propriété CSS -webkit-touch-callout permet d'afficher ou de désactiver la légende lorsque vous touchez et maintenez une cible. Exemple d'écriture CSS de -webkit-touch-callout -webkit-touch-callout : behavior; -webkit-touch-callout : none; La propriété de feuille de style -webkit-touch-callout CSS peut prendre la valeur de : - behavior : affiche ...
transform Propriété CSS
La propriété de Transformation CSS transform permet de spécifier le type de transformation 2d ou 3d à appliquer sur un élément HTML.Exemple d'écriture CSS de transform transform : rotate(20deg); transform : translate(20px, 10px); transform : scale(1, 2); transform : skew(45deg, 62deg); transform : translate(100px) rotate(20deg) skew(45deg, 62deg) s...
-moz-transform Propriété CSS
La propriété de Transformation CSS -moz-transform permet de spécifier les transformations 2D et 3D à appliquer à un élément HTML.Exemple d'écriture CSS de -moz-transform -moz-transform : rotate(20deg); -moz-transform : translateY(100px); -moz-transform : translate(20px, 10px); -moz-transform : matrix(1, 0.05, 0, 1, 0, 0); La propriété de Transforma...
-ms-transform Propriété CSS
La propriété de Transformation CSS -ms-transform permet de spécifier les transformations 2D à appliquer sur un élément HTML. Exemple d'écriture CSS de -ms-transform -ms-transform : rotate(20deg); -ms-transform : translateY(100px); -ms-transform : translate(20px, 10px); -ms-transform : matrix(1, 0, 0, 1, 50, 0); La propriété de Transformation CSS -m...
-webkit-transform Propriété CSS
La propriété de Transformation CSS -webkit-transform permet de spécifier les transformations 2D ou 3D à appliquer à un élément HTML. Exemple d'écriture CSS de -webkit-transform -webkit-transform : rotate(20deg); -webkit-transform : translateY(100px); -webkit-transform : translate(20px, 10px); -webkit-transform : matrix(2, 0, 0, 1, 0, 0);La propriét...
transform-origin Propriété CSS
La propriété de Transformation CSS transform-origin permet de spécifier le point d'origine des transformations 2d ou 3d lors de l'utilisation de la propriété de Transformation CSS transform.Exemple d'écriture CSS de transform-origin transform-origin : 100% -30%; transform-origin : 10px 20px; transform-origin : bottom left 12px; La propriété de Tran...
transform-style Propriété CSS
La propriété de Transformation CSS transform-style permet de spécifier si les enfants de cet élément sont positionnés dans un espace 3D ou s'ils sont aplatis sur l'élément en utilisant projection orthogonale dans le plan 2D.Exemple d'écriture CSS de transform-style transform-style : auto; transform-style : flat; transform-style : preserve-3d; La pr...
transition Propriété CSS
La propriété de Transition CSS transition est un raccourci qui permet de spécifier l'ensemble des propriétés CSS de transition sur lesquelles on veut effectuer une transition CSS.Exemple d'écriture CSS de transition .ma-transition-css{ width:50px; height:50px; } .ma-transition-css:hover{ width:100px; transition : width 5s ease-in-out 2s; } // Si pl...
transition-delay Propriété CSS
La propriété de Transition CSS transition-delay permet de spécifier la durée de latence (pause) avant de démarrer la transition Css pour chaque propriété transformable.Exemple d'écriture CSS de transition-delay .ma-transition{ width:50px; height:50px; } .ma-transition-css:hover{ width:100px; transition-property : width; transition-delay : 2s; } .ma...
transition-duration Propriété CSS
La propriété de Transition CSS transition-duration permet de spécifier la durée de la transition CSS de chaque propriété transformable.Exemple d'écriture CSS de transition-duration .ma-transition-css{ width:50px; height:50px; } .ma-transition-css:hover{ width:100px; transition-property : width; transition-duration : 8s; } .ma-transition-css:hover{ ...
transition-property Propriété CSS
La propriété de Transition CSS transition-property permet de spécifier les propriétés CSS qui doivent être transformées au moment du changement de leur valeur.Exemple d'écriture CSS de transition-property .ma-transition-css{ width:50px; height:50px;} .ma-transition-css:hover{ width:100px; height:100px; transition-property : width, height; } La prop...
transition-timing-function Propriété CSS
La propriété de Transition CSS transition-timing-function permet de spécifier la vitesse de progression de la transition CSS au cours de la durée de son exécution.Exemple d'écriture CSS de transition-timing-function transition-timing-function : ease-in-out; transition-timing-function : steps; transition-timing-function : linear; transition-timing-f...
translate() Fonction CSS
La fonction de Translation CSS translate de la propriété de Transformation CSS transform permet de déplacer horizontalement et/ou déplacer verticalement un élément HTML par rapport à sa position d'origine. Exemple d'écriture CSS de transform : translate transform : translate20px, 2em); transform : translate20px);La fonction de Translation CSS...
translate3d() Fonction CSS
La fonction de Translation CSS translate3d de la propriété de Transformation CSS transform permet de spécifier les déplacements d'un élément HTML par rapport à sa position d'origine, sur les trois axes de perspective 3D. Exemple d'écriture CSS de transform : translate3d transform : translate3d20px, 21pt, 2em); transform : translate3d20px, 0, ...
translateX() Fonction CSS
La fonction de Translation CSS translateX de la propriété de Transformation CSS transform permet de déplacer horizontalement un élément HTML par rapport à sa position d'origine. Exemple d'écriture CSS de transform : translateX transform : translateX20px); // identique à transform : translate(20px, 0);La fonction de Translation CSS translateXX...
translateY() Fonction CSS
La fonction de Translation CSS translateY de la propriété de Transformation CSS transform permet de déplacer verticalement un élément HTML par rapport à sa position d'origine. .Exemple d'écriture CSS de transform : translateY transform : translateY20px); // identique à transform : translate(0, 20px);La fonction de Translation CSS translateYY)...
translateZ() Fonction CSS
La fonction de Translation CSS translateZ de la propriété de Transformation CSS transform permet de déplacer sur l'axe Z d'un élément HTML par rapport à sa position d'origine dans le cadre d'un contexte 3D. Exemple d'écriture CSS de transform : translateZ transform : translateZ20px); // identique à transform : translate3d(0, 0, 20px);La foncti...