filter Propriété CSS
La propriété de Filtre CSS filter permet de spécifier une/des fonctions de Filtre CSS qui correspondront au divers effets à appliquer sur un élément HTML.Exemple d'écriture CSS de filter filter : contrast(400%); filter : grayscale(0.5) blur(10px); filter : sepia(20%) opacity(10%) drop-shadow(20px 20px 20px #000); La propriété de Filtre CSS filter p...
:first Sélecteur CSS
La pseudo classe CSS :first{} permet de cibler la première page lors d'une impression.Exemple d'écriture CSS de :first @page :first { margin : 5cm 2cm; }La pseudo classe de feuille de style :first{} CSS accepte les propriétés CSS : - margin, gestion des marges extérieur de la page imprimée cible. - padding, gestion des marges intérieurs de la page ...
:first-child Sélecteur CSS
La pseudo-classe CSS :first-child permet de cibler le premier fils d'un élément HTML afin de lui assigner des propriétés CSS.Exemple d'écriture CSS de :first-child :first-child{ /* Propriétés CSS assignées aux premiers enfants de toutes les balises HTML */ } identifiant :first-child{ /* Propriétés CSS assignées au premier enfant des balises HTML ay...
:first-letter Sélecteur CSS
Le pseudo-élément CSS :first-letter permet de spécifier des propriétés CSS pour la première lettre d'un élément dit de type bloc et si elle est précédée d'aucun autre contenu sur sa ligne.Exemple d'écriture CSS de :first-letter /* CSS 2 */ :first-letter{ /* Propriétés */ } /* CSS 3 */ ::first-letter{ /* Propriétés */ } Par défaut, pseudo-élément :f...
:first-line Sélecteur CSS
Le pseudo-élément CSS :first-line permet de spécifier les propriétés CSS de la première ligne d'un élément HTML.Exemple d'écriture CSS de :first-line :first-line{ /* Propriétés */ } ::first-line{ /* Propriétés */ } Le pseudo-élément CSS :first-line en CSS3 s'écrit avec 2 deux ":" ::first-line{ /* CSS 3 */ } Le pseudo-élément de feuille de style :fi...
:first-of-type Sélecteur CSS
La pseudo-classe CSS :first-of-type permet de cibler tous les éléments qui sont le premier enfant de chaque liste des enfants directs du même type (span, b, div, etc.) d'un même élément parent, afin de lui assigner des propriétés CSS.Exemple d'écriture CSS de :first-of-type :first-of-type{ /* Propriétés CSS assignées au premier enfant de son type d...
flex Propriété CSS
La propriété de Flexbox CSS flex est un raccourci qui permet de spécifier un facteur d'agrandissement ou de réduction de la taille* d'un élément flexible Css en fonction de l'espace disponible dans leur conteneur Flexbox Css et par rapport à l'axe principal. Vous pouvez faire des tests de paramétrage dans le Exemple d'écriture CSS de flex flex : 0 ...
-ms-flex Propriété CSS
La propriété de Flexbox CSS -ms-flex permet de spécifier un facteur d'agrandissement ou de réduction de la taille* d'un élément flexible Css en fonction de l'espace disponible du conteneur Flexbox Css et par rapport à l'axe principal. Ancienne spécification des Flexbox Css basée sur le document de travail de mars 2012. Vous pouvez faire des tests d...
-ms-flex-align Propriété CSS
La propriété de Flexbox CSS -ms-flex-align permet de spécifier globalement l'alignement des éléments flexibles Css entre eux par rapport à l'axe transversal et au sein d'une ligne ou colonne de flexibles. Pour redéfinir l'alignement d'élément flexible Css par rapport aux autres, utilisez la propriété Css -ms-flex-item-align. Ancienne spécification ...
flex-basis Propriété CSS
La propriété de Flexbox CSS flex-basis permet de spécifier la taille* initiale désirée d'un élément flexible avant réduction de sa taille ou avant redistribution de l'espace restant dans leur conteneur Flexbox. Vous pouvez faire des tests de paramétrage dans le Exemple d'écriture CSS de flex-basis flex-basis : auto; flex-basis : content; flex-basis...
flex-direction Propriété CSS
La propriété de Flexbox CSS flex-direction permet de spécifier le type d'ordonnancement (colonne ou ligne) des éléments flexibles Css sur l'axe principal dans un conteneur Flexbox Css. Vous pouvez faire des tests de paramétrage dans le Exemple d'écriture CSS de flex-direction flex-direction : row; flex-direction : row-reverse; flex-direction : colu...
-ms-flex-direction Propriété CSS
La propriété de Flexbox CSS -ms-flex-direction permet de spécifier le type d'ordonnancement (ligne ou colonne) des éléments flexibles Css sur l'axe principal dans un conteneur Flexbox Css. Ancienne spécification des Flexbox CSS basée sur le document de travail de mars 2012. Vous pouvez faire des tests de paramétrage dans le Exemple d'écriture CSS d...
flex-flow Propriété CSS
La propriété de Flexbox CSS flex-flow est un raccourci qui permet de spécifier si les éléments flexibles peuvent être multi-lignes (flex-wrap) et leurs dispositions (flex-direction) dans leur conteneur Flexbox Css. Vous pouvez faire des tests de paramétrage dans le Exemple d'écriture CSS de flex-flow flex-flow : column; flex-flow : wrap; flex-flow ...
flex-grow Propriété CSS
La propriété de Flexbox CSS flex-grow permet de spécifier un facteur d'agrandissement de la taille initiale d'un élément flexible Css sur l'axe principal et par rapport au reste des éléments flexibles Css, lorsque l'espace libre restant au sein du conteneur Flexbox Css est re-distribué. Vous pouvez faire des tests de paramétrage dans le Exemple d'é...
-ms-flex-item-align Propriété CSS
La propriété de Flexbox CSS -ms-flex-item-align permet de spécifier l'alignement d'un élément flexible Css spécifique par rapport à l'axe transversal au sein d'une ligne ou colonne de flexibles formée par les éléments flexibles Css. Pour redéfinir globalement l'alignement des éléments flexible Css entre eux, utilisez la propriété Css align-items. A...
-ms-flex-line-pack Propriété CSS
La propriété de Flexbox CSS -ms-flex-line-pack permet de spécifier la manière dont est redistribué l'espace restant sur l'axe transversal entre lignes de flexibles ou les colonnes de flexibles. Le conteneur Flexbox Css doit être multi-lignes ou multi-colonnes. Ancienne spécification des Flexbox Css basée sur le document de travail de mars 2012. Vou...
-ms-flex-order Propriété CSS
La propriété de Flexbox CSS -ms-flex-order permet de spécifier l'ordre d'affichage visuel d'un élément Css flexible dans son conteneur Flexbox Css. Ancienne spécification des Flexbox Css basée sur le document de travail de mars 2012. Vous pouvez faire des tests de paramétrage dans le Exemple d'écriture CSS de -ms-flex-order -ms-flex-order : 5; -ms-...
-ms-flex-pack Propriété CSS
La propriété de Flexbox CSS -ms-flex-pack permet de spécifier la manière dont est distribuée l'espace restant entre les éléments flexibles Css par rapport à l'axe principal. Ancienne spécification des Flexbox Css basée sur le document de travail de mars 2012. Vous pouvez faire des tests de paramétrage dans le Exemple d'écriture CSS de -ms-flex-pack...
flex-shrink Propriété CSS
La propriété de Flexbox CSS flex-shrink permet de spécifier un facteur de réduction de la taille initiale d'un élément flexible Css sur l'axe principal et par rapport aux autres éléments flexibles Css, quand il n'y a pas assez de place pour mettre l'ensemble des éléments flexibles Css dans l'élément conteneur Flexbox Css. Vous pouvez faire des test...
flex-wrap Propriété CSS
La propriété de Flexbox CSS flex-wrap permet de spécifier si les éléments flexibles Css peuvent faire un retour automatique dans leur conteneur Flexbox Css sur l'axe transversal. Vous pouvez faire des tests de paramétrage dans le Exemple d'écriture CSS de flex-wrap flex-wrap : nowrap; flex-wrap : wrap; flex-wrap : wrap-reverse; La propriété de feui...
-ms-flex-wrap Propriété CSS
La propriété de Flexbox CSS -ms-flex-wrap permet de spécifier si les éléments flexibles Css peuvent faire un retour automatique dans l'élément conteneur Flexbox Css sur l'axe transversal. Ancienne spécification des Flexbox Css basée sur le document de travail de mars 2012. Vous pouvez faire des tests de paramétrage dans le Exemple d'écriture CSS de...
float Propriété CSS
La propriété CSS float permet de spécifier qu'un élément flotte à gauche, à droite ou pas du tout au sein de son élément conteneur. Si l'élément est flottant, les autres éléments de type en ligne (inline) entoureront alors ce dernier. On utilise généralement la propriété css float pour faire des colonnes. Exemple d'écriture CSS de float float : non...
:focus Sélecteur CSS
La pseudo-classe d'action CSS :focus permet d'assigner des propriétés CSS à un élément HTML qui accepte le focus et à ses fils durant le moment où il est sélectionné via la touche de tabulation ou pour certains cas lorsque l'on clique dessus. La pseudo-classe :focus CSS est utilisée entre autre pour les liens (balise A).Exemple d'écriture CSS :focu...
-moz-focus-inner Propriété CSS
La propriété CSS ::-moz-focus-inner permet de spécifier les propriétés css de la bordure autour du texte des éléments de formulaire de type bouton (button, input). Exemple d'écriture CSS de ::-moz-focus-inner identifiant::-moz-focus-inner{ border : 1px solid red; } La propriété de feuille de style ::-moz-focus-inner CSS ne modifie que les propriété...
font Propriété CSS
La propriété CSS font est un raccourci qui permet de spécifier la fonte : taille, hauteur de ligne, graisse, inclinaison, la police et les petites capitales.Exemple d'écriture CSS de font font : 14px Arial, Helvetica, sans-serif; font : x-large/110% "new century schoolbook", serif; font : oblique small-caps 14px Arial, Helvetica, sans-serif; La pro...
@font-face{} Règle CSS
La règle CSS @font-face{} permet d'importer un/des fichiers de fontes au format "Web", utilisé notamment quand on a des polices spéciales qui ne sont pas présentes sur le système d'exploitation de l'internaute.Exemple d'écriture CSS de @font-face{} @font-face{ font-family: 'maFonte'; src: url('/img/screenshot_css/breac_webfont.eot'); /* ie <= 6 */ ...
font-family Propriété CSS
La propriété CSS font-family permet de spécifier la police à utiliser pour afficher un texte.Exemple d'écriture CSS de font-family font-family : "Times New Roman", Times, serif; font-family : Verdana, Geneva, sans-serif; font-family : "Courier New", Courier, monospace; font-family : "Comic Sans MS", cursive; font-family : Cottonwood, "FB Reactor", ...
font-size Propriété CSS
La propriété de Taille de Fonte CSS font-size permet de spécifier la taille de la fonte dans lequelle sera affiché le texte d'un élément (X)HTML.Exemple d'écriture CSS de font-size font-size : xx-small; font-size : medium; font-size : 15px; font-size : 1em; font-size : 0.5%; La propriété de feuille de style font-size CSS peut prendre la valeur de t...
font-size-adjust Propriété CSS
La propriété CSS font-size-adjust permet spécifier un ration d'aspect à fonte (police) pour recalculer la valeur de font-size. La propriété de feuille de style font-size-adjust CSS est utilisée lorsqu'il y a une substitution de police spécifiée dans font-family et que son ration d'aspect (la proportion entre la taille des lettres minuscules et la t...
-webkit-font-smoothing Propriété CSS
La propriété CSS -webkit-font-smoothing permet de spécifier l'algorithme anti-crénelage (anti-aliasing) utilisé pour le rendu des fontes. Exemple d'écriture CSS de -webkit-font-smoothing -webkit-font-smoothing : none; -webkit-font-smoothing : antialiased; -webkit-font-smoothing : subpixel-antialiased; La propriété de feuille de style -webkit-font-s...
font-stretch Propriété CSS
La propriété CSS font-stretch permet de spécifier l'étirement ou le resserrement de la fonte, si cette dernière possède des caractères condensés ou des caractères élargis. Exemple de lettre expanded normal condensed Exemple d'écriture CSS de font-stretch font-stretch : normal; font-stretch : extra-condensed; font-stretch : semi-condensed; font-stre...
font-style Propriété CSS
La propriété CSS font-style permet de spécifier le style du texte est normal, oblique ou italique.Exemple d'écriture CSS de font-style font-style : normal; font-style : italic; font-style : oblique; La propriété de feuille de style font-style CSS peut prendre la valeur de :- normal : le texte est dans son aspect dit normal. - oblique : le texte est...
font-variant Propriété CSS
La propriété de Capitales CSS font-variant permet de spécifier que le texte soit en petites capitales dans un élément (X)HTML.Exemple d'écriture CSS de font-variant font-variant : normal; font-variant : small-caps; La propriété de feuille de style font-variant CSS peut prendre la valeur de : - normal : aucun changement dans le mode d'affichage du t...
font-weight Propriété CSS
La propriété d'Epaisseur CSS font-weight permet de spécifier le type de gras à utiliser pour l'affichage du texte d'un élément (X)HTML.Exemple d'écriture CSS de font-weight font-weight : normal; font-weight : bold; font-weight : bolder; font-weight : 800; La propriété de feuille de style font-weight CSS pour mettre en gras peut prendre la valeur de...