447 pages trouvées :
N° | Page | Étiquettes et résumé |
---|---|---|
1 | CSS | CSS, Design, Layout, References, layout |
Cascading Style Sheets (CSS), littéralement feuilles de style en cascade, est un langage de feuilles de style utilisé pour décrire la présentation d'un document écrit en HTML ou XML (cela inclut divers langages XML comme XHTML ou SVG). | ||
2 | -moz-appearance (-webkit-appearance) | CSS, Non-standard, Référence CSS |
La propriété CSS -moz-appearance est utilisée dans Gecko (Firefox) pour afficher un élément en utilisant les styles natifs d'une plate-forme suivant le thème du système d'exploitation. |
||
3 | -moz-binding | CSS, Non-standard, Référence CSS |
-moz-binding est utilisée dans les applications Mozilla pour attacher une liaison XBL à un élément DOM. |
||
4 | -moz-border-bottom-colors | CSS, Non-standard, Référence CSS |
Dans les applications Mozilla, -moz-border-bottom-colors définit les couleurs du côté inférieur de la bordure. Elle doit être définie comme une liste de couleurs. Lorsqu'un élément possède une bordure plus large qu'un unique pixel, chaque ligne de pixel utilise la couleur suivante spécifiée dans la liste de cette propriété, de l'extérieur vers l'intérieur. Ceci supprime la nécessité d'utiliser des boîtes imbriquées les unes dans les autres. Si la bordure est plus large que le nombre de couleurs spécifiées pour la propriété, les lignes restantes de la bordure (celles situées vers l'intérieur) utiliseront la dernière des couleurs spécifiées : |
||
5 | -moz-border-left-colors | CSS, Non-standard, Référence CSS |
Dans les applications Mozilla, la propriété -moz-border-left-colors définit les couleurs de bordure du côté gauche. |
||
6 | -moz-border-right-colors | CSS, Non-standard, Référence CSS |
Dans les applications Mozilla, -moz-border-right-colors définit les couleurs du côté droit de la bordure. |
||
7 | -moz-border-top-colors | CSS, Non-standard, Référence CSS |
Dans les applications Mozilla, -moz-border-top-colors définit les couleurs du côté supérieur de la bordure. |
||
8 | -moz-box-align | CSS, CSS:Extensions_Mozilla, Référence CSS |
Dans les applications Mozilla, -moz-box-align spécifie la manière dont s'aligne le contenu d'une boîte XUL par rapport à (perpendiculaire à) la direction de son affichage. Cet effet n'est visible que s'il existe des espace supplémentaire dans la boîte. |
||
9 | -moz-box-flex | CSS, Référence CSS |
Dans les applications Mozilla, -moz-box-flex définit la façon dont une boîte s'étire pour remplir celle qui la contient, dans la direction de l'affichage du contenant. |
||
10 | -moz-box-ordinal-group | CSS, CSS Reference, CSS Référence, CSS:Mozilla Extensions, Flexible Box |
Indique le groupe d'ordonnancement auquel appartient l'élément. Les éléments avec un groupe inférieur sont affichés avant ceux qui ont un groupe supérieur. | ||
11 | -moz-box-orient | CSS, Non-standard, Référence CSS |
Dans les applications Mozilla, -moz-box-orient spécifie si une boîte affiche son contenu horizontalement ou verticalement. |
||
12 | -moz-box-pack | CSS, Non-standard, Référence CSS |
Dans les applications Mozilla, -moz-box-pack spécifie comment une boîté emballe son contenu selon la direction de son affichage. L'effet de cette propriété n'est visible que s'il existe un espace supplémentaire dans la boîte. |
||
13 | -moz-force-broken-image-icon | CSS, CSS Reference, Non-standard |
-moz-force-broken-image-icon est une propriété CSS non-standard. La valeur 1 , meme appliquée sur une image possédant un attribut alt , force l'affichage, à la place de l'image, d'une icone image brisée indiquant que l'image n'a pas été chargée et affichant le contenu de l'attribut alt . Quand la valleur 0 est utilisé l'image sera chargée et affichera l'élément alt . |
||
14 | -moz-image-rect | CSS, CSS Reference, Non-standard, css |
Cette valeur pour la propriété CSS background-image vous permet de n'utiliser qu'une portion d'une image plus grande comme background |
||
15 | -moz-image-region | CSS, Non-standard, Référence CSS |
Pour certains éléments et pseudo-éléments XUL, qui utilisent une image de la propriété list-style-image , cette propriété définit la portion de l'image à utiliser à la place de l'image entière. Cela permet d'utiliser plusieurs morceaux d'un même image pour améliorer les performances. |
||
16 | -moz-orient | CSS, CSS Reference |
La propriété CSS -moz-orient spécifie l'orientation d'un élément à laquel il est appliqué. |
||
17 | -moz-outline-radius | CSS, Non-standard, Référence CSS |
Dans les applications Mozilla, -moz-outline-radius peut être utilisée pour définir des coins arrondis au contour. Un contour est une ligne dessinée autour d'éléments, en dehors de la bordure, pour mettre en valeur l'élément. |
||
18 | -moz-outline-radius-bottomleft | CSS, Non-standard, Référence CSS |
Dans les applications Mozilla, -moz-outline-radius-bottomleft définit l'arrondi du coin inférieur gauche du contour. |
||
19 | -moz-outline-radius-bottomright | CSS, Non-standard, Référence CSS |
Dans les applications Mozilla, -moz-outline-radius-bottomright définit l'arrondi du coin inférieur droit du contour. |
||
20 | -moz-outline-radius-topleft | CSS, Non-standard, Référence CSS |
Dans les applications Mozilla, -moz-outline-radius-topleft définit l'arrondi du coin supérieur gauche du contour. |
||
21 | -moz-outline-radius-topright | CSS, Non-standard, Référence CSS |
Dans les applications Mozilla, -moz-outline-radius-topright définit l'arrondi du coin supérieur droit du contour. |
||
22 | -moz-user-input | CSS, Non-standard, Référence CSS |
Dans les applications Mozilla, -moz-user-input détermine si un élément accepte des entrées utilisateurs. |
||
23 | -moz-user-modify | CSS, Non Standard, Références CSS, css |
La propriété -moz-user-modify détermine si oui ou non le contenu d'un élément peut être édité par un utilisateur. Cette propriété est liée à l'attribut contenteditable . Une propriété similaire appelée user-focus a été proposée dans early drafts of a predecessor of the CSS3 UI specification mais fut rejetée par le groupe de travail. |
||
24 | -webkit-mask-box-image | |
-webkit-mask-box-image applique une image en masque à la bordure d'un élément. |
||
25 | -webkit-mask-image | CSS, css |
La propriété CSS -webkit-mask-image définit l'image de masque pour un élément. L'image de masque découpe la portion visible d'un élément conformément aux valeurs de transparence de cette image. |
||
26 | -webkit-overflow-scrolling | |
-webkit-overflow-scrolling contrôle de quelle façon une interaction de défilement tactile peut s'effectuer sur un élément. |
||
27 | -webkit-print-color-adjust | CSS |
La propriété non standard -webkit-print-color-adjust sert à forcer l'impression des couleurs d'arrière-plan et des images dans les navigateurs basés sur WebKit. |
||
28 | -webkit-touch-callout | CSS, Reference |
La propriété CSS -webkit-touch-callout permet de désactiver l'indication affichée lorsque l'utilisateur appuie et maintient le contact sur une cible.Pour Safari sur iOS, lorsqu'une cible est touchée et que le contact est maintenu, Safari affiche une information sur le lien. Cette propriété permet de désactiver ce comportement. |
||
29 | :-moz-first-node | CSS, Non-standard, Référence CSS |
La pseudo-classe :-moz-first-node adapte un élément qui est le premier nœud enfant d'un autre élément. Elle diffère de :first-child car elle n'adapte pas le premier élément enfant avec le texte (autre que des espaces) qui le précède. |
||
30 | :-moz-last-node | CSS, Non-standard, Référence CSS |
La pseudo-classe :-moz-last-node adapte un élément qui est le dernier nœud enfant d'un autre élément. Elle diffère de :last-child elle n'adapte pas le dernier élément enfant avec le texte (autre que des espaces) qui le suit. |
||
31 | :-moz-loading | CSS, Non-standard, Référence CSS |
:-moz-loading correspond aux éléments qui ne peuvent être affichés, car ils n'ont pas été chargés, comme les images qui ne sont pas encore arrivées. Notez que les images qui sont dans le processus de chargement ne correspondent pas à cette pseudo-classse. |
||
32 | :-moz-locale-dir(ltr) | CSS, CSS Reference, Localization, Non-standard |
:-moz-locale-dir(ltr) fait correspondre à un élément si l'interface utilisateur est affiché de gauche à droite. Il est déterminé par la préférence intl.uidirection. locale (où locale est le language courant) qui est fixé à "ltr". |
||
33 | :-moz-only-whitespace | CSS, Non-standard, Référence CSS |
La pseudo-classe :-moz-only-whitespace correspond aux éléments qui n'ont aucun nœud enfant, aux nœuds texte vides ou aux nœuds texte ne possédant que des espaces. Lorsqu'il y a des nœuds élément ou des nœuds texte comportant un caractère ou plus, l'élément ne vérifie pas cette pseudo-classe. |
||
34 | :-moz-placeholder | CSS, Non-standard, Référence CSS |
La pseudo-classe :-moz-placeholder représente tous les éléments de formulaires possédant un attribut placeholder. Cela permet au développeur web de personnaliser l'apparence du placeholder qui est gris clair par défaut. Cela peut ne pas fonctionner correctement si la couleur de fond de l'élément de formulaire a été modifiée pour une couleur similaire. Par exemple vous pouvez utiliser cette pseudo-classe pour changer la couleur de la police du placeholder. |
||
35 | :-moz-suppressed | CSS, Non-standard, Référence, Référence CSS |
:-moz-suppressed permet de sélectionner les images qui n’ont pas été chargées car le chargement des images depuis ce site a été bloqué. |
||
36 | :-moz-tree-cell | CSS, Non-standard, Référence CSS |
Activée par l'attributproperties . | ||
37 | :-moz-tree-cell-text | CSS, CSS:Extensions_Mozilla, Non-standard |
Activé par l'attribut properties . |
||
38 | :-moz-tree-column | CSS, Non-standard, Référence CSS |
Activé par l'attribut properties . |
||
39 | :-moz-tree-drop-feedback | CSS, Non-standard, Référence CSS |
Activé par l'attribut properties . |
||
40 | :-moz-tree-image | CSS, Non-standard, Référence CSS |
Activé par l'attribut properties . |
||
41 | :-moz-tree-indentation | CSS, Non-standard, Référence CSS |
Activé par l'attribut properties . |
||
42 | :-moz-tree-line | CSS, Non-standard, Référence CSS |
Activé par l'attribut properties . |
||
43 | :-moz-tree-progressmeter | CSS, Non-standard, Référence CSS |
Activé par l'attribut properties . |
||
44 | :-moz-tree-row | CSS, Non-standard, Référence CSS |
-moz-tree-row est utilisée pour sélectionner des lignes et appliquer des styles aux lignes de l'arbre. |
||
45 | :-moz-tree-separator | CSS, Non-standard, Référence CSS |
Activé par l'attribut properties . |
||
46 | :-moz-tree-twisty | CSS, Non-standard, Référence CSS |
Activé par l'attribut properties . |
||
47 | ::-moz-progress-bar | CSS, Non-standard, Référence CSS |
Le pseudo-élément ::-moz-progress-bar s'appliquant à la zone d'élément HTML <progress> représente la valeur de la progression effectuée jusqu'à présent. Vous pourrez par exemple, modifier la couleur de la barre de progression. |
||
48 | ::after (:after) | CSS, Layout, NeedsMobileBrowserCompatibility, Référence CSS, Sélecteurs |
Le pseudo-élément CSS ::after cible le dernier enfant virtuel de l'élément sélectionné. Généralement utilisé pour ajouter du contenu esthétique à un élément, en utilisant la propriété CSS content . C'est un élément de type en-ligne par défaut. |
||
49 | ::first-letter | CSS, CSS Pseudo-element, Layout, Reference, Référence, Référence CSS, Sélecteurs, Web |
Le pseudo-élément CSS ::first-letter sélectionne la première lettre de la première ligne d'un bloc, si elle n'est pas précédée par un quelconque autre contenu (comme une image ou un tableau en ligne) sur sa ligne. |
||
50 | ::first-line (:first-line) | CSS, CSS Pseudo-element, Layout, Reference, Référence, Référence CSS, Sélecteurs, Web |
Le pseudo-éléments CSS ::first-line applique la décoration à la première ligne d'un élément. La quantité de texte sur la première ligne dépend de nombreux facteurs, comme la largeur des éléments ou du document, mais aussi la taille du texte. Comme tous les pseudo-éléments, les sélecteurs contenant ::first-line ne ciblent pas un élément HTML réel. |
||
51 | ::selection | CSS, CSS Pseudo-element, Layout, Reference, Référence, Web, layout, web |
Le Pseudo-éléments CSS ::selection applique des règles de décoration à la portion du texte qui a été surligné (p. ex. sélectionné avec la souris ou un autre appareil de pointage) par l'utilisateur. |
||
52 | :active | CSS, CSS Pseudo-class, Layout, Reference, Référence, Sélecteurs, Web |
La pseudo-classes CSS :active permet de définir l'apparence d'un élément au moment exact où l'utilisateur clique dessus. Cela permet de donner un retour sur l'action, montrant que le navigateur a bien compris la demande. Lorsqu'une souris est utilisée pour interagir, il s'agit généralement du moment où l'utilisateur presse le bouton principal de celle-ci. La pseudo-classe ::active s'applique aussi quand le touche TAB du clavier est utilisée. On trouve souvent cette pseudo-classe avec les éléments HTML <a> et <button> , mais elle ne se limite pas à ces éléments. |
||
53 | :any | CSS, CSS Pseudo-class, Layout, Reference, Référence, Sélecteurs, Web |
La pseudo-classes :any() vous permet de construire des ensembles de sélecteurs similaires en créant des groupes à partir desquels l'un des éléments sera activé. C'est une alternative pour éviter de réécrire un sélecteur entier alors que seulement une petite partie varie. |
||
54 | :before | ::before | CSS, Layout, Pseudo-element, Référence, Sélecteurs, Web, web |
:before crée un pseudo-élément qui sera le premier enfant de l'élément sélectionné. Généralement utilisé pour ajouter du contenu esthétique à un élément, en utilisant la propriété CSS content . C'est un élément de type en-ligne par défaut. |
||
55 | :checked | CSS, CSS Pseudo-class, Layout, Reference, Réference, Référence, Sélecteurs, Web |
La pseudo-classe CSS :checked représente les éléments radio (<input type="radio"> ), les cases à cocher (<input type="checkbox"> ) ou les (<option> dans <select> ), qui sont cochés ou dans un état activé. L'utilisateur peut changer l'état en cliquant sur l'élément ou en sélectionnant une valeur différente, dans ce cas, :checked ne s'applique plus à l'élément. |
||
56 | :default | CSS, CSS Pseudo-classe, Reference, Référence, Sélecteurs, Web |
La pseudo-classe CSS :default est utilisé pour identifier un élément d'interface utilisateur qui est celui par défaut parmi un groupe d'élément semblables. |
||
57 | :dir | CSS, CSS Pseudo-class, Layout, Reference, Référence, Sélecteurs, Web |
La pseudo-classes CSS :dir cible les éléments selon la direction du texte qu'ils contiennent. En HTML, la direction est déterminée par l'attribut dir . Pour d'autres types de documents, il peut y avoir d'autres méthodes pour déterminer la langue. |
||
58 | :disabled | CSS, CSS Pseudo-class, Layout, Reference, Référence, Sélecteurs, Web |
La pseudo-classes :disabled représente n'importe quel élément désactivé. Un élément est désactivé s'il ne peut être activé (par exemple sélectionné, cliqué ou ne peut accepter du texte) ou ne peut pas être mis en sélection. L'élément a aussi un état activé, dans lequel il peut être sélectionné ou accepter la mise en selection. |
||
59 | :empty | CSS, CSS Pseudo-class, Layout, Reference, Référence, Sélecteurs, Web |
La pseudo-classes :empty correspond à un élément qui n'a aucun enfant. Seulement les noeuds éléments et textes (espaces blancs inclus) sont pris en compte. Les commentaires n'ont pas d'influence sur le statut "vide" de l'élément. |
||
60 | :enabled | CSS, CSS Pseudo-class, Layout, Reference, Référence, Sélecteurs, Web |
La pseudo-classes :enabled représente n'importe quel élément activé. Un élément est actif s'il peut être activé (par exemple sélectionné, cliqué ou accepte du contenu textuel) ou accepte la mise en sélection. L'élément a aussi un état désactivé, dans lequel il ne peut recevoir aucune action ou accepter la mise en sélection. |
||
61 | :first | CSS, CSS Pseudo-classe, Reference, Référence, Sélecteurs, Web |
La pseudo-classe :first liée à la règle @page décrit la décoration de la première page lors de l'impression du document. |
||
62 | :first-child | CSS, CSS Pseudo-classe, Reference, Référence, Sélecteurs, Web |
La pseudo-classe CSS :first-child représente un élément qui est le premier enfant d'un élément parent. |
||
63 | :first-of-type | CSS, CSS Pseudo-class, Layout, Reference, Référence, Sélecteurs, Web |
La pseudo-classes CSS :first-of-type représente un élément qui est le premier enfant de son type dans la liste des enfants de l'élément parent. |
||
64 | :focus | CSS, CSS Pseudo-class, Layout, Reference, Référence, Sélecteurs, Web |
La pseudo-classes CSS :focus permet de spécifier l'aspect d'un élément lorsque celui-ci reçoit le focus, que ce soit parce que l'utilisateur le sélectionne en utilisant le clavier, ou en l'activant avec la souris (en le survolant pour un lien, en cliquant dessus pour un champ texte). |
||
65 | :fullscreen | CSS, CSS Pseudo-classe, Reference, Réference, Référence, Sélecteurs, Web |
La pseudo-classe CSS :fullscreen s'applique à tout élément actuellement affiché dans un mode plein-écran. Voir Utiliser le mode plein écran pour plus d'informations. |
||
66 | :hover | CSS, CSS Pseudo-classe, Reference, Réference, Référence, Sélecteurs, Web |
La pseudo-classe CSS :hover permet de spécifier l'apparence d'un élément au moment où l'utilisateur passe la souris dessus, mais sans nécessairement l'activer. Ce style peut être écrasé par d'autres pseudo-classes liées aux liens, comme :link , :visited , et :active , apparaissant dans des règles subséquentes. Pour décorer les liens tel que souhaité, vous devez mettre la règle :hover après les règles :link et :visited mais avant la règle :active , comme défini par l'ordre LVHA. :link — :visited — :hover — :active . |
||
67 | :indeterminate | CSS, CSS Pseudo-class, Layout, Reference, Référence, Sélecteurs, Web |
La pseudo-classes CSS :indeterminate représente n'importe quel élément <input type="checkbox"> dont la propriété DOM indeterminate est fixée à true via JavaScript. De plus, dans certains navigateurs, elle peut être utilisée pour cibler les éléments <progress> dans un état indéterminé. |
||
68 | :invalid | CSS, CSS Pseudo-class, Reference, Réference, Référence, Sélecteurs, Web |
La pseudo-classes :invalid représente tout élément <input> dont la validation du contenu échoue en regard du type de donné attendu. Ceci permet de donner aisément une apparence aux champs non valides aidant l'utilisateur à identifier et corriger les erreurs. |
||
69 | :lang | CSS, CSS Pseudo-class, Layout, Reference, Référence, Sélecteurs, Web |
La pseudo-classes CSS :lang(language-code) permet de spécifier le style d'un élément suivant la langue déterminée pour l'élément. |
||
70 | :last-child | CSS, CSS Pseudo-class, Layout, Reference, Référence, Sélecteurs, Web |
La pseudo-classes CSS :last-child représente un élément qui est le dernier enfant de son parent. |
||
71 | :last-of-type | CSS, CSS Pseudo-class, Layout, Reference, Référence, Sélecteurs, Web |
La pseudo-classes CSS :last-of-type représente un élément qui est le dernier enfant de son type dans la liste des enfants de l'élément parent. |
||
72 | :left | CSS, CSS Pseudo-class, Layout, Reference, Référence, Sélecteurs, Web |
La pseudo-classes CSS :left, liée à la règle @page , correspond à toute page de gauche lors d'une impression. Ceci permet la décoration des pages de gauche. |
||
73 | :link | CSS, CSS Pseudo-class, Layout, Reference, Réference, Référence, Sélecteurs, Web |
La pseudo-classe :link permet de sélectionner les liens au sein d'autres éléments. Elle sélectionnera tout lien n'ayant pas été visité, même ceux déjà stylés par des sélecteurs utilisant d'autres pseudo-classes pour liens :hover , :active ou :visited . Afin de styler efficacement les liens, vous devez définir la règle :link avant les autres : :link — :visited — :hover — :active . La pseudo-classe :focus est habituellement placée juste avant ou juste après :hover , en fonction de l'effet attendu. |
||
74 | :not | CSS, CSS Pseudo-class, Layout, Reference, Réference, Référence, Sélecteurs, Web |
La pseudo-classe de négation, :not() , prend un sélecteur comme argument. Elle sert à exclure les éléments qui ne sont pas concernés par le sélecteur en argument. Cet argument ne peut pas être une autre pseudo-classe de négation. |
||
75 | :nth-child | CSS, CSS Pseudo-classe, Reference, Réference, Référence, Sélecteurs, Web |
La pseudo-classe CSS :nth-child(an+b) cible un élément qui a an+b-1 nœuds frères, pour une valeur de n positive ou égale à 0, et qui a un élément parent. |
||
76 | :nth-last-child | CSS, CSS Pseudo-classe, Reference, Réference, Référence, Sélecteurs, Web |
La pseudo-classe CSS :nth-last-child ciblent un élément qui a an+b-1 nœud frères à la fin de l'élément parent, pour une valeur postive ou égale à 0 de n. |
||
77 | :nth-last-of-type | CSS, CSS Pseudo-classe, Reference, Réference, Référence, Sélecteurs, Web |
La pseudo-classe CSS :nth-last-of-type ciblent un élément qui a an+b-1 nœud frères avec le même nom d'élément à partir de la fin de l'arbre, pour une valeur postive ou égale à 0 de n, et qui a un élément parent. |
||
78 | :nth-of-type | CSS, CSS Pseudo-classe, Reference, Référence, Sélecteurs, Web |
La pseudo-classe CSS :nth-of-type ciblent un élément qui a an+b-1 nœud frères avec le même nom d'élément avant lui, pour une valeur postive ou égale à 0 de n, et qui a un élément parent. |
||
79 | :only-child | CSS, CSS Pseudo-class, Layout, Reference, Réference, Référence, Sélecteurs, Web |
La pseudo-classe CSS :only-child représente n'importe quel élément qui est le seul enfant de son élément parent. Réalise la même chose que :first-child:last-child ou :nth-child(1):nth-last-child(1) , mais avec une spécificité moindre. |
||
80 | :only-of-type | CSS, CSS Pseudo-class, Layout, Reference, Réference, Référence, Sélecteurs, Web |
La pseudo-classe CSS :only-of-type représente un élément qui n'a pas de frères du même type que lui. |
||
81 | :optional | CSS, CSS Pseudo-class, Layout, Reference, Réference, Référence, Sélecteurs, Web |
La pseudo-classe CSS :optional représente tout élément <input> pour lesquels l'attribut required n'est pas appliqué. Ceci permet d'indiquer facilement les champs optionnels, et de changer leur apparence en conséquence. |
||
82 | :out-of-range | CSS, CSS Pseudo-class, CSS Reference, CSS Référence, Layout, Reference, Référence, Web |
La pseudo-classe CSS :out-of-range s'applique quand un élément a son attribut value en dehors de la limite définie pour l'élément. Ceci permet à la page d'informer que la valeur actuellement renseignée dans l'élément est hors des limites. Une valeur peut excéder la limite si elle est trop petite ou trop grande par rapport au maximum et au minimum autorisé. |
||
83 | :read-only | |
La pseudo-class CSS :read-only trouve les élements en lecture seule par l'utilisateur. |
||
84 | :read-write | CSS, CSS Pseudo-classe, Reference, Référence, Sélecteurs, Web |
La pseudo-classe CSS :read-write cible les éléments qui peuvent être édités par un utilisateur comme les champs de texte. |
||
85 | :required | CSS, CSS Pseudo-classe, Reference, Référence, Sélecteurs, Web |
La pseudo-classe CSS :required représente tout élément <input> dont l'attribut required a été défini. Ceci permet d'indiquer facilement les champs de formulaires qui doivent contenir des données valides avant la soumission du formulaire. |
||
86 | :right | CSS, CSS Pseudo-classe, Reference, Réference, Référence, Sélecteurs, Web |
La pseudo-classe CSS :right liée à la règle @page correspond à toute la page de droite lors d'une impression. Ceci permet la décoration des pages de droite. |
||
87 | :root | CSS, CSS Pseudo-classe, Reference, Référence, Sélecteurs, Web |
La pseudo-classe CSS :root correspond à l'élément racine d'un document. En HTML, :root est représenté par l'élément <html> et est similaire au sélecteur html , sauf que sa spécificité est plus forte. |
||
88 | :scope | CSS, CSS Reference, Experimental, Expérimental, Pseudo-class, Reference, Référence, css |
La pseudo-classe CSS :scope correspond aux éléments qui sont un point de référence pour faire correspondre les sélecteurs. En HTML, un nouveau point de référence peut être défini avec l'atribut scoped de l'élément <style> . Si aucun atribut n'est utilisé dans la page HTML, le point de référence est alors l'élément <html> . |
||
89 | :target | CSS, CSS Pseudo-classe, Reference, Référence, Sélecteurs, Web |
La pseudo-classe CSS :target représente l'élément unique, s'il existe, avec un id correspondant au fragment dans l'URI du document. |
||
90 | :valid | CSS, CSS Pseudo-classe, Reference, Réference, Référence, Sélecteurs, Web |
La pseudo-classe CSS :valid représente tout élément <input> ou <form> dont la validation du contenu s'effectue correctement en regard du type de donné attendu. Ceci permet de donner aisément une apparence aux champs de formulaire correctement remplis par l'utilisateur. |
||
91 | :visited | CSS, CSS Pseudo-classe, Reference, Référence, Sélecteurs, Web, web |
La pseudo-classe CSS :visited permet de modifier l'aspect d'un lien une fois que l'utilisateur l'a visité. Ce style peut être écrasé par toute autre pseudo-classe liée aux liens, telles que :link , :hover , et :active , qui apparaîtraient dans les règles CSS suivantes. Pour styler correctement les liens, vous devez définir la règle :visited après la règle :link , mais avant les autres (:link — :visited — :hover — :active ). |
||
92 | <angle> | CSS, Référence CSS, css |
Le type de donnée CSS <angle> représentes les valeurs angulaires. Les angles positifs représentent un angle à droite, tandis que les angles négatifs représentent des angles à gauche. Sa syntaxe est une donnée <number> immédiatement suivie par l'unité (deg , grad , rad ou turn ). Comme toutes les autres dimensions en CSS, il n'y a pas d'espace entre l'unité et le chiffre. |
||
93 | <blend-mode> | CSS, CSS Composition, Composition, Modes de fusion, Reference, Référence, css |
Le type <blend-mode> est une collection de mots-clés décrivant les modes de fusion. |
||
94 | <color> | CSS, Référence CSS, css |
Le type de données CSS <color> indique une couleur dans l'espace couleur sRGB. Une couleur peut être décrite : |
||
95 | <frequency> | CSS, Référence CSS, css |
Le type de donnée CSS <frequency> décrit une valeur de fréquence, telle que la tessiture d'une voix. Il consiste en une donnée de type <number> immédiatement suivie d'une unité. Comme pour toute dimension CSS, il n'y a pas d'espace entre l'expression de l'unité et la valeur numérique. |
||
96 | <image> | CSS, css |
{{ CSSRef() }} | ||
97 | <integer> | CSS, Référence CSS, css |
Le type de donnée CSS <entier> indique un nombre entier, positif ou négatif. Aucune unité n'est liée à la valeur. Un entier consiste en un ou plusieurs chiffres, de 0 à 9, éventuellement précédés par un seul signe + ou -. |
||
98 | <length> | CSS, Référence CSS, css |
Le type de données CSS <longueur> correspond à une mesure de distance. C'est un <number> immédiatement suivi par une unité de longueur (px , em , pc , in , mm , …). Comme toutes les dimensions CSS, il n'y aucun espace entre le nombre et l'unité. |
||
99 | <number> | CSS, Référence CSS, css |
Le type de donnée CSS <number> indique un nombre, qu'il soit entier ou décimal. Sa syntaxe étend celle du type de donnée <integer> . Pour réprésenter la valeur décimale, ajoutez à une valeur de type <integer> , un '.' (point), suivi de plusieurs chiffres. Comme pour le type de donnée <integer> , il n'y a aucune unité associée à <number> , car il ne s'agit pas d'une dimension CSS. |
||
100 | <percentage> | CSS, NeedsLiveSample, Référence CSS, css |
Le type de données CSS <percentage> représente une valeur en pourcentage. De nombreuses propriétés CSS prennent des valeurs en pourcentages, souvent pour déterminer des tailles en fonction de leurs parents. Les pourcentages sont formés d'un <number> immédiatement suivi par le signe pourcentage % . Comme pour toutes les valeurs avec unité en CSS, il n'y a aucun espace entre le '%' et le nombre. |
||
101 | <ratio> | CSS, Référence CSS, css |
Le type de données CSS <ratio> , utilisé pour décrire les rapports d'aspect dans les media queries, indique une proportion entre deux valeurs sans unités. Il st composé d'un <integer> strictement positif suivi d'une barre oblique ('/', Unicode U+002F SOLIDUS ) et d'un second <integer> strictement positif. Il peut y avoir des espaces avant et après la barre oblique. |
||
102 | <resolution> | CSS, Référence CSS, Unité, css |
Le type de donnée CSS <resolution> , utilisé dans les media queries, décrit la densité de pixels d'un appareil d'affichage, c'est-à-dire sa résolution. Il est composé d'une donnée de type <number> immédiatement suivie d'une unité de résolution (dpi , dpcm , …). Comme toute dimension CSS, il n'y a pas d'espace entre la valeur numérique et l'unité. |
||
103 | <string> | CSS, Référence CSS, css |
Le type de donnée CSS <string> représente une chaîne de caractères. Il est formé d'un ou plusieurs caractères Unicode délimités par des guillemets droits simples (') ou doubles ("). Une chaîne délimitée par des guillemets droits doubles ne peut pas contenir de guillemets droits doubles à moins qu'ils soient échappés à l'aide d'une barre oblique inversée (\). Le même principe s'applique aux chaînes délimités par des guillemets droits simples, qui ne peuvent contenir de guillemets droits simples sans qu'ils soient échappés à l'aide d'une barre oblique inversée (\). Le caractère barre oblique inversée doit être échappé pour faire partie d'une chaîne de caractère. |
||
104 | <time> | CSS, Référence CSS, css |
Le type de donnée CSS <time> indique des dimensions de temps exprimées en secondes ou en millisecondes. Elles consistent en un <number> immédiatement suivi par une unité. Comme pour toute dimension CSS, il n'y a aucun espace entre l'unité et le nombre. |
||
105 | <url> | CSS, css |
Beaucoup de propriétés CSS utilisent URI comme une valeur, par exemple background-image . Le format d'une valeur URI est url( suivis de l'URI). On peut également le citer. Les URI relatifs sont autorisés. |
||
106 | @charset | CSS, Référence CSS |
La règle @ CSS @charset définit l'encodage des caractères utilisés dans la feuille de style. Elle doit être le premier élément de la feuille de style et ne doit être précédée par aucun caractère. Comme ce n'est pas une expression imbriquée, elle ne peut pas être utilisée dans un groupe conditionnel de règles. Si plusieurs règles @charset sont définies, seule la première est utilisée, et elle ne peut pas être utilisée dans un attribut style d'un élément HTML ou dans l'élément <style> pour lequel le jeu de caractères pertinent est celui de la page HTML. |
||
107 | @document | CSS, CSS At-rule, Layout, Reference, Référence, Web |
La règle @document est une règle @ qui restreint la portée des règles de styles qu'elle contient, selon l'URL du document. Elle est avant tout destinée aux feuilles de styles utilisateur. Une règle @document peut spécifier une ou plusieurs fonctions d'appariement. Si au moins une des fonctions s'applique à l'URL, la règle prendra effet à cette URL. |
||
108 | @font-face | CSS, Référence CSS |
La règle @ CSS @font-face permet à l'auteur de spécifier des polices en ligne afin d'afficher le texte sur leur pages web. En permettant aux auteurs d'utiliser leurs propres polices, @font-face élimine la nécessité de dépendre du nombre limité de polices que l'utilisateur a installé sur son ordinateur. La règle @font-face peut être utilisée non seulement au plus haut niveau d'une feuille de style, mais aussi dans n'importe quel règle @ de groupe conditionnel. |
||
109 | @import | CSS, Référence CSS |
La règle @ CSS @import permet d'importer des règles de styles depuis des feuilles de styles externes. |
||
110 | @keyframes | |
La règle CSS @keyframes permet aux auteurs de controller les étapes intermédiaires d'une séquence d'animation CSS en établissant des Images Clés (keyframes) qui sont atteint à certains points durant l'animation. Cela permet un contrôle plus spécifique de ces étapes intermédiaires qu'il n'est possible en laissant le navigateur tout gérer automatiquement. |
||
111 | @media | CSS, Référence CSS |
La règle @ CSS @media définit les types de médias ciblés (séparés par des virgules) par un ensemble de règles (délimitées par des accolades). La règle @media peut être déclarée non seulement au premier niveau d’un CSS, mais également à l’intérieur d’une règle conditionnelle de groupe CSS. |
||
112 | @page | CSS, Référence CSS |
La règle @ CSS @page est utilisée pour modifier certaines propriétés CSS lors de l'impression d'un document. Toutes les propriétés CSS ne peuvent pas être modifiées à l'aide de @page . Vous pouvez seulement modifier les marges, les veuves et orphelins ainsi que les sauts de page du document. Toute autre tentative de modification d'autres propriétés CSS sera ignorée. |
||
113 | marks | CSS, Référence CSS |
La propriété CSS marks ajoute des marques de découpe ou des croix à la présentation du document. Les marques de découpes indiquent où la page doit être coupée. Les croix doivent être utilisées pour aligner les pages. |
||
114 | @supports | CSS, Référence CSS |
La règle @ CSS @supports associe un ensemble de déclarations imbriquées, dans un bloc CSS, entourées par des accolades, avec une condition composée de tests de déclarations CSS, qui sont des paires propriétés-valeurs, combinées à des conjonctions, des disjonctions et de négations. De telles conditions sont appelées des conditions de support. |
||
115 | Autres ressources | CSS |
No summary! | ||
116 | CSS Animations | CSS, CSS Animations, Experimental, Overview, Reference |
CSS Animations is a module of CSS that defines how to animate the values of CSS properties over time, using keyframes. The behavior of these keyframe animations can be controlled by specifying their duration, their number of repetitions, and how they repeat. | ||
117 | Utiliser les animations CSS | Advanced, CSS, CSS Animations, Example, Experimental, Guide, css, guide |
118 | CSS Background and Borders | CSS, CSS Background and Borders, CSS Reference, Overview |
CSS Background and Borders is a module of CSS that defines how background and borders of elements are described. Borders can be lines or images, boxes can have one or multiple backgrounds, have rounded corners, and shadows. | ||
119 | Fonds multiples | CSS, CSS Background, Example, Guide, Intermediate |
Avec CSS3, il est possible d'appliquer plusieurs fonds à un élément. Ceux-ci sont superposés les uns sur les autres avec le premier fond spécifié en haut et les suivants par dessous. | ||
120 | Mettre à l'échelle des images en arrière-plan | |
La propriété CSS background-size permet d'ajuster la taille d'images en arrière-plan, remplaçant le comportement par défaut qui crée un carrelage de l'image à sa pleine grandeur. Il est ainsi possible d'agrandir ou de rapetisser l'image. |
||
121 | CSS Box Model | CSS, CSS Box Model, CSS Reference, Overview |
CSS Box Model is a module of CSS that defines the rectangular boxes, including their padding and margin, that are generated for elements and laid out according to the visual formatting model. | ||
122 | Fusion des marges | CSS, Référence CSS |
Les marges supérieures et inférieures des blocs sont parfois fusionnées en une seule marge dont la taille est celle de la plus grande des deux marges à combiner, un comportement connu sur le nom defusion des marges. | ||
123 | CSS Colors | CSS, CSS Colors, Overview, Reference, css |
CSS Colors is a module of CSS that deals with colors, color types and transparency. | ||
124 | Sélecteur de couleurs CSS | CSS, Outils CSS |
Cet outil vous permet de définir des couleurs web personnalisées. | ||
125 | CSS Columns | CSS, CSS Reference, Overview |
CSS Columns is a module of CSS that defines a multi-column layout, allowing to express how content should flow between columns and how gaps and rules are handled. | ||
126 | Colonnes CSS3 | CSS, CSS Multi-columns, Colonnes |
La lecture de textes dont les lignes sont trop longues pose souvent des difficultés ; si les yeux mettent trop de temps pour aller de la fin d'une ligne au début de ligne suivante, ils perdent le fil du texte. Aussi, pour utiliser au maximum un écran large, les auteurs devraient utiliser des colonnes de texte de largeur limitée et placées côte-à-côte comme le font les journaux. Malheureusement, c'est impossible à faire avec CSS et HTML sans imposer le placement de sauts de colonne à des endroits déterminés, restreindre fortement les balises permises dans le texte, ou se lancer dans des opérations de script héroïques. | ||
127 | CSS Flexible Box Layout | |
CSS Flexible is a module of CSS that defines a multi-column layout, allowing to express how content should flows between columns, and how gaps and rules are handled. | ||
128 | Utilisation des flexbox en CSS | CSS, Flexbox, Guide, Web, flexbox, guide |
Flexbox (pour flexible box) est un mode de mise en page prévoyant une disposition des éléments d’une page de telle sorte que ces éléments possèdent un comportement prévisible lorsqu’ils doivent s’accommoder de différentes tailles d’écrans/appareils | ||
129 | CSS Images | CSS, CSS Images, CSS Reference, Overview, css |
CSS Images is a module of CSS that defines what types of images can be used (the <image> type, containing URLs, gradients and other types of images), how to resize them and how they, and other replaced content, interact with the different layout models. |
||
130 | Les sprites CSS | |
Les sprites sont utilisés sur les sites web afin d'économiser de la bande passante. Au lieu d'avoir une image par fichier, plusieurs images sont placées dans le même fichier, ainsi, le nombre de requête diminue. | ||
131 | CSS Transforms | CSS, CSS Reference, Experimental, Overview |
CSS Transforms is a module of CSS that defines how elements styled with CSS can be transformed in two-dimensional or three-dimensional space. | ||
132 | Utilisation des transformations CSS | CSS, Transformations CSS, css |
En modifiant l'espace des coordonnées, les transformations CSS permettent de changer la position d'un contenu affecté sans perturber le flux normal. Elles sont implémentées en utilisant un ensemble de propriétés CSS qui vous permettre d'appliquer des transformations afines aux éléments HTML. Ces transformations incluent la rotation, l'inclinaison et la translation à la fois dans le plan ou dans un espace 3D. | ||
133 | CSS3 | |
CSS3 est la toute dernière évolution du langage css et vise à étendre CSS2.1. Il apporte beaucoup de nouveautés attendues, comme les angles arrondis, les ombres, les dégradés , les transitions ou animations, aussi bien que de nouvelles mise en page comme le multi-colonnes, les boîtes flexibles ou les mises en pages en grilles. | ||
134 | Commentaires | CSS, Référence CSS, css |
Les commentaires sont utilisés pour ajouter des notes explicatives ou pour empêcher le navigateur d'interpréter des parties de la feuille de style. | ||
135 | Comprendre z-index en CSS | CSS, Comprendre_le_z-index_en_CSS |
Habituellement, les pages HTML sont considérées comme des objets à deux dimensions, car le texte, les images et tous les autres éléments sont disposés sans recouvrement. Il y a un seul flux de rendu, et tous les éléments connaissent la place occupée par les autres. | ||
136 | Ajout de z-index | CSS, Comprendre_le_z-index_en_CSS |
Le premier exemple, Empilement sans z-index, explique le comportement par défaut de l'empilement de couches. Pour définir un ordre d'empilement différent, il est nécessaire d'utiliser la propriété CSS z-index . |
||
137 | Empilement et float | CSS, Comprendre_le_z-index_en_CSS |
Pour les blocs flottants, l'empilement est légèrement différent. Les blocs flottant sont placés entre les blocs non positionnés et les blocs positionnés : | ||
138 | Empilement sans z-index | CSS, Comprendre_le_z-index_en_CSS |
Lors-qu’aucun élément n'a de z-index , ils sont empilés dans cet ordre (de bas en haut) : |
||
139 | Exemple d'empilement 1 | CSS, Comprendre_le_z-index_en_CSS |
Commençons par un exemple simple. Dans le contexte d'empilement racine nous avons deux blocs DIV (DIV #1 et DIV #3), tout deux positionnés relativement, mais sans propriété z-index . Dans le bloc DIV #1 il y a un bloc DIV #2 en position absolue, alors que dans le bloc DIV #3 il y a un bloc DIV #4 en position absolue, tout deux également sans propriété z-index . |
||
140 | Exemple d'empilement 2 | CSS, Comprendre_le_z-index_en_CSS |
Ce deuxième exemple est très simple, mais il est essentiel à la compréhension du concept de contexte d'empilement. Nous avons les 4 mêmes blocs que l'exemple précédent, mais maintenant nous appliquons des propriétés z-index aux deux niveaux de la hiérarchie. |
||
141 | Exemple d'empilement 3 | CSS, Comprendre_le_z-index_en_CSS |
Ce dernier exemple montre les problèmes qui peuvent survenir lorsqu'on utilise des éléments positionnés dans une hiérarchie HTML à plusieurs niveaux et lorsque des z-index sont assignés à l'aide de sélecteurs de classe. |
||
142 | L'empilement de couches | CSS, Comprendre_le_z-index_en_CSS |
Dans l'exemple précédent, Ajout de z-index, les blocs DIV sont rendus les uns au dessus des autres (de l'arrière vers l'avant), en commençant par celui dont la valeur de z-index est la plus faible et en finissant par celui dont la valeur de z-index est la plus forte. Dans cet exemple, il n'y a qu'un seul contexte d'empilement, qui est l'élément HTML racine de la page. |
||
143 | Compteurs CSS | CSS, Référence CSS |
Les compteurs CSS sont une implémentation de Automatic counters and numbering (en) dans CSS 2.1. La valeur du compteur est manipulée à l'aide de counter-reset et de counter-increment , et elle est affichée dans la page en utilisant les fonctions counter() ou counters() de la propriété content . |
||
144 | Contexte de formatage de blocs | CSS, Référence CSS |
Un contexte de formatage de blocs (block formatting context) est une partie du rendu visuel par le CSS, d'une page web. C'est la région qui délimite la mise en page des blocs et dans laquelle les éléments flottant interagissent les uns avec les autres. | ||
145 | FAQ | Beginner, CSS, NeedsContent, NeedsHelp |
No summary! | ||
146 | Feuilles de style alternatives | CSS |
Une page web peut utiliser l'élément <tt>link</tt> pour ajouter des feuilles de style alternatives à un document.</tt> | ||
147 | Héritage | CSS, Référence CSS |
Lorsqu'aucune valeur n'est spécifiée pour une propriété héritée sur un élément, l'élément récupère la valeur calculée de cette propriété appliquée à son élément parent. Seul l'élément racine du document possède la valeur initiale donnée dans le résumé de la propriété. | ||
148 | Index de la documentation CSS | CSS, css |
{{Index("/fr/docs/Web/CSS")}} | ||
149 | Media queries | CSS, Référence CSS, css |
Une media query (ou requête média) consiste en un type de média, et au moins une expression limitant la portée des déclarations CSS, en mettant à profit les particularités des supports multimédias comme leur largeur, leur hauteur ou leur affichage des couleurs. Ajouté dans CSS3, les media queries permettent d'adapter la présentation du contenu à une large gamme d'appareils sans changer le contenu lui-même. | ||
150 | Mode de mise en page | CSS, Référence CSS |
Un mode de mise en page CSS, parfois simplement abrégé par mode, est un algorithme déterminant la position et la dimension de boîtes en s'appuyant sur la manière dont elles interagissent avec leurs semblables et leurs ancêtres. Il existe différents modes : |
||
151 | Modèle de boîte | CSS, Référence CSS |
L'aire de la marge est la surface délimitée par le contour de la marge et ses propriétés sont marge de la boîte: largeur et marge de la boîte: hauteur. | ||
152 | Problèmes soulevés par le pseudo élément hover | CSS |
No summary! | ||
153 | Propriétés raccourcies | CSS, Référence CSS |
Les propriétés raccourcies sont des propriétés CSS qui permettent de définir les valeurs de plusieurs propriétés CSS simultanément. En utilisant une propriété raccourcie, un développeur Web peut écrire des feuilles de styles plus conscices et souvent plus lisibles, économisant temps et énergie. | ||
154 | Pseudo-classes | CSS, Référence CSS |
Une pseudo-classe CSS est un mot-clé ajouté au sélecteur pour indiquer un état particulier de l'élément qui doit être sélectionné. Par exemple, :hover , appliquera le style quand l'utilisateur survolera l'élément visé par le sélecteur. |
||
155 | Pseudo-éléments | CSS, Référence CSS |
Tout comme les pseudo-classes , les pseudo-éléments sont ajoutés aux sélecteurs. Mais au lieu de décrire un état spécial, ils permettent de styler certaines parties du document. Par exemple, le pseudo-élément ::first-line ne visera que la première ligne de l'élément indiqué par le sélecteur. |
||
156 | Questions fréquentes sur les CSS (en cours de traduction) | CSS, Exemple, Guide |
Browsers use the DOCTYPE declaration to choose whether to show the document using a mode that is more compatible with Web standards or with old browser bugs. Using a correct and modern DOCTYPE declaration at the start of your HTML will improve browser standards compliance. |
||
157 | Règles @ | |
Une règle @ est une expression CSS débutant par le symbole '@ ' (U+0040 COMMERCIAL AT ), suivi d'un identifiant, et se termine au premier point-virgule, '; ' (U+003B SEMICOLON ), en dehors d'un bloc, ou à la fin du premier bloc CSS. |
||
158 | Référence CSS | CSS, Reference, Référence, Référence CSS, Web |
Cette référence CSS liste toutes les propriétés standards CSS, les pseudo-classes, les pseudo-éléments, les règles @ et les sélecteurs, dans l'ordre alphabétique. Elle vous permet d'accéder rapidement à leurs informations détaillées. | ||
159 | @viewport | CSS, Experimental, Référence CSS, responsive |
No summary! | ||
160 | Extensions CSS de Mozilla | CSS, CSS:Extensions Mozilla, Références CSS |
Mozilla prend en charge un certain nombre d'extensions CSS avec le préfixe -moz- . |
||
161 | Sélecteurs d'ID | CSS, Débutant, Référence CSS, Sélecteurs, Sélécteurs |
Dans un document HTML, les sélecteur d'ID ciblent un élément en fonction du contenu de l'attribut id de l'élément, qui doit correspondre exactement avec la valeur donnée dans le sélecteur. |
||
162 | Sélecteurs d'attribut | |
Les sélecteurs d'attribut ciblent un élément en utilisant la présence d'un certain attribut ou de la valeur d'un attribut. | ||
163 | WebKit extensions | CSS, CSS Reference, CSS Référence |
WebKit supporte un certain nombre de propriétés CSS qui sont préfixées avec -webkit . Toutes les propriétés préfixées avec -webkit peuvent l'être également avec -apple . |
||
164 | background-blend-mode | CSS Reference, Composition CSS, Fusion, Propriété CSS, Web |
La propriété CSS background-blend-mode décrit comment les éléments d'images d'arrière-plan doivent fusionner entre elles et avec la couleur de fond de l'élément. |
||
165 | line-break | |
La propriété CSS line-break sert à spécifier comment (ou si) la ligne doit être coupée. |
||
166 | Spécificité | |
La spécificité est le moyen par lequel un navigateur décide quelles valeurs de propriétés sont les plus appropriées pour un élément et doivent donc être appliquées. La spécificité ne s'applique seulement aux règles valides et ciblant au moins un élément, composées de différents types de sélecteurs. | ||
167 | Syntaxe | CSS, Référence CSS |
L'objectif de base du langage Cascading Stylesheet (CSS) est de permettre au moteur du navigateur d'afficher les éléments d'une page avec certaines particularités, comme des couleurs, un positionnement, ou des décorations. La syntaxe CSS reflète cet objectif et les blocs qui la constitue sont : | ||
168 | Syntaxe de définition des valeurs | CSS, Référence CSS, css |
Une grammaire formelle, la syntaxe de définition des valeurs CSS, est utilisée pour définir l'ensemble des valeurs valides pour une propriété ou une fonction CSS | ||
169 | Sélecteurs de classe | CSS, Référence CSS |
Dans un document HTML, les sélecteurs de classe CSS visent un élément en fonction du contenu de son attribut de classe. L'attribut de classe est défini selon une liste utilisant l'espace comme séparateur, et dont un des éléments doit correspondre exactement au nom de classe décrit par le sélecteur. | ||
170 | Sélecteurs de type | CSS, Référence CSS |
Les sélecteurs de type en CSS visent les éléments selon le nom de leur nœud. Utilisé seul, un sélecteur de type pour un nom de nœud sélectionne tous les éléments de ce type — c'est-à-dire, avec ce nom de nœud — dans le document. | ||
171 | Sélecteurs de voisins généraux | |
Le combinateur ~ sépare deux sélecteurs et cible le second élément seulement s'il est précédé par le premier et qu'ils partagent un parent commun. |
||
172 | Sélecteurs descendant | CSS, Référence CSS |
Le combinateur ␣ (qui est sensé représenter un espace, ou plus précisément un ou plusieurs caractères d'espacement) combine deux sélecteurs de telle manière que les deux sélecteurs ciblent seulement les élément correspondant au second sélecteur dont un parent de niveau quelconque est ciblé par le premier sélecteur. Les sélecteurs descendant sont similaires aux sélecteurs enfant, mais ils ne requièrent pas que la relation entre les éléments respectent strictement la liaison parent-enfant. |
||
173 | Sélecteurs enfant | CSS, Référence CSS |
No summary! | ||
174 | Sélecteurs universels | CSS, Référence CSS |
Le symbole astérisque (*) est le sélecteur universel en CSS. Il cible un élément de n'importe quel type. Se passer de l'astérisque avec les sélecteurs simples n'a pas d'effet. Par exemple, *.attention et .attention sont considérés égaux. | ||
175 | Tools | CSS, NeedsContent |
CSS offers a number of powerful features that can be tricky to use, or have a number of parameters that it's helpful to be able to visualize while you work. This page offers links to a number of useful tools that will help you build the CSS to style your content using these features. | ||
176 | Tutoriels CSS | Beginner, CSS, Guide, Tutorial, beginner, guide |
Apprendre CSS peut sembler être une tache impressionnante. Cependant pour vous aider nous avons écrit de nombreux tutoriels a propos de CSS. Certains d'entre eux sont à l'attention des non initier, tandis que d'autres présentent des fonctionnalitées complexes qui peuvent être utile aux utilisateurs expérimenté. | ||
177 | Utilisation de dégradés CSS | CSS, Référence CSS |
Les dégradés CSS sont de nouveaux types de <image> ajoutés au module Image de CSS3. L'utilisation de dégradés CSS permet d'afficher des transitions douces entre deux couleurs ou plus. |
||
178 | Valeur calculée | CSS, Référence CSS, css |
La valeur calculée d'une propriété CSS est calculée à partir de la valeur spécifiée par : | ||
179 | Valeur initiale | CSS, Référence CSS |
La valeur initiale donnée dans le résumé de chaque définition de propriété CSS a une signification différente pour les propriétés héritées et celles non héritées. | ||
180 | Valeur réelle | CSS, Guide |
La valeur réelle d'une propriété CSS est la valeur utilisée après que toutes les approximations soient réalisées. Par exemple, un user-agent ne peut afficher les bordures qu'avec des valeurs entières en pixel et est forcé de faire une approximation de la valeur calculée de la bordure. | ||
181 | Valeur spécifiée | CSS, Cascade, Référence |
La valeur spécifiée d'une propriété CSS est définie selon une des trois méthodes suivantes : | ||
182 | Valeur utilisée | CSS, Guide, Web, guide, web |
La valeur utilisée de n'importe quelle propriété CSS est la valeur finale d'une propriété après que tous les calculs aient été réalisés. Les valeurs utilisées peuvent être retrouvées en appelant window.getComputedStyle. Les dimensions (par exemple width , line-height ) sont exprimées en pixels, les propriétés raccourcies (comme background ) sont cohérentes avec leurs propriétés composantes (par exemple background-color ), display est cohérente avec position et float . Toutes les propriétés CSS ont une valeur. |
||
183 | alias | CSS |
La valeur alias de la propriété cursor est utilisée pour indiquer un alias ou un raccourci de quelque chose qui sera créé. Le curseur alias est souvent un pointeur avec une petite flèche courbe à côté. |
||
184 | align-content | |
La propriété CSS align-content définit la position des lignes d'un conteneur flex quand il y a de l'espace sur l'axe transversal. Cette propriété n'a aucun effet sur les boîtes flexibles d'une seule ligne. | ||
185 | align-items | |
La propriété CSS align-items aligne les éléments flex de la ligne flex courante de la même manière que justify-content mais dans la direction perpendiculaire. |
||
186 | animation | CSS, Référence CSS, css |
La propriété CSS animation est un raccourci pour définir les propriétés animation-name , animation-duration , animation-timing-function , animation-delay , animation-iteration-count , animation-direction , animation-fill-mode et animation-play-state . |
||
187 | animation-delay | CSS, Référence CSS, css |
La propriété CSS animation-delay indique quand doit commencer l'animation. Ceci permet à la séquence d'animation de débuter quelques temps après qu'elle soit appliquée à un élément. |
||
188 | animation-direction | CSS, Référence CSS |
La propriété CSS animation-direction précise si l'animation doit se jouer à l'envers ou selon des cycles alternés. |
||
189 | animation-duration | CSS, Référence CSS, css |
La propriété CSS animation-duration précise la durée que l'animation doit utiliser pour compléter un cycle. |
||
190 | animation-fill-mode | Animations CSS, CSS, Expérimental, Propriété CSS, Référence |
La propriété CSS animation-fill-mode spécifie comment une animation CSS doit appliquer la décoration à sa cible avant et après de s'exécuter. |
||
191 | animation-iteration-count | CSS, CSS Animations, CSS Property, Experimental, Reference |
La propriété CSS animation-iteration-count définie le nombre de fois qu'un cycle d'animation doit être joué avant de s'arrêter. |
||
192 | animation-name | CSS, CSS Animations, CSS Property, Experimental, Référence |
La propriété CSS animation-name spécifie une liste d'animations qui doivent être appliquées à l'élément sélectionné. Chacun des noms indique une règle @keyframes qui définie les valeurs des propriétés pour la séquence animée. |
||
193 | animation-play-state | CSS, CSS Animations, CSS Property, Reference, Référence CSS |
La propriété CSS animation-play-state détermine si l'animation est en cours de lecture ou en pause. Vous pouvez interroger cette propriété afin de déterminer si l'animation est en cours de lecture ou non. De plus, vous pouvez modifier cette valeur pour mettre en pause ou reprendre la lecture de l'animation. |
||
194 | animation-timing-function | CSS, CSS Animations, CSS Property, Experimental, Reference, css |
La propriété CSS animation-timing-function spécifie la manière dont l'animation CSS progresse au cours de chaque cycle. Les différentes valeurs possibles sont une ou plusieurs <timing-function> . |
||
195 | attr() | CSS, CSS Fonction, Reference, Référence, Web, css |
La fonction attr() sert à récupérer la valeur d'un attribut HTML de l'élément sélectionné, afin de l'utiliser dans la feuille de style. Il peut aussi être utilisé sur les pseudo-éléments, dans ce cas, la valeur de l'attribut de l'élément source du pseudo-élément sera fournie. |
||
196 | auto | CSS, Référence CSS |
Indique qu'une valeur est calculée de manière automatique par le navigateur. Les effets de auto sont différents suivant la propriété à laquelle la valeur est affectée. |
||
197 | azimuth | CSS, Référence CSS |
Combiné avec , azimuth permet de positionner spatialement différentes sources audio pour des présentations de type aural . C'est particulièrement important car c'est un moyen naturel de définir plusieurs sources audio qui peuvent être positionnées à différents endroits de la scène audio. Une sortie stéréo produit des scènes audio latérales, alors que les casques binauraux et les systèmes d'enceintes multiples permettent d'obtenir une scène totalement tridimensionnelle. |
||
198 | backface-visibility | CSS, Référence CSS, Traduction_à_relire, css |
La propriété CSS backface-visibility détermine si la face arrière d'un élément doit être visible ou non lorsqu'elle fait face à l'utilisateur. Lorsqu'elle est visible, la face arrière d'un élément est toujours un fond transparent et une image de la face avant est visible comme si elle était vue dans un miroir. |
||
199 | background | CSS, Référence CSS |
La propriété CSS background est un raccourci pour définir les valeurs des propriétés d'arrière-plan dans une seule et unique règle CSS. La propriété background peut être utilisée pour définir les valeurs d'une ou de plusieurs des propriétés suivantes : background-color , background-image , background-position , background-repeat , background-size et background-attachment . |
||
200 | background-attachment | CSS, CSS Background, CSS Property, Reference |
Si une background-image est spécifiée, la propriété background-attachment détermine si la position de cette image est fixe dans la fenêtre d'affichage ou si elle défile avec son bloc contenant. |
||
201 | background-clip | CSS, CSS Background, CSS Property, NeedsMobileBrowserCompatibility, Reference |
La propriété CSS background-clip spécifie si la couleur ou l'image d'arrière-plan d'un élément doit s'étendre sous sa bordure. |
||
202 | background-color | CSS, CSS Background, CSS Property, Reference |
La propriété CSS background-color définit la couleur d'arrière-plan d'un élément, soit avec une valeur de couleur, soit avec le mot-clef transparent . |
||
203 | background-image | CSS, Référence CSS, Traduction_à_relire |
La propriété CSS background-image définit les images d'arrière-plan d'un élément. Les images sont dessinées successivement commes des calques empilés, avec la première image définie sur le dessus, comme si elle était la plus proche de l'utilisateur. Les bordures de l'élément sont dessinés au dessus des images, et la couleur de fond est dessinée en-dessous. |
||
204 | background-origin | CSS, CSS Background, CSS Property, Reference |
La propriété CSS background-origin détermine la zone de positionnement de l'arrière-plan, soit la position de l'origine d'une image spécifiée en utilisant la propriété CSS background-image . |
||
205 | background-position | CSS, CSS Background, CSS Property, Reference, css |
La propriété CSS background-position indique la position initiale d'une image d'arrière-plan, par rapport à la zone de positionnement défini par background-origin , pour chaque image renseignée. |
||
206 | background-repeat | CSS, Référence CSS |
La propriété CSS background-repeat spécifie comment l'image d'arrière-plan doit être répétée. Une image d'arrière-plan peut être répétée sur l'axe horizontal, l'axe vertical, les deux, ou pas du tout. Quand le motif de l'image répétée ne permet pas de couvrir entièrement le fond, les ajustements peuvent être contrôlés par l'auteur : par défaut la dernière image est coupée, mais les différentes images de la mosaïque peuvent être redimensionnées, ou un espace peut être inséré entre chaque répétition. |
||
207 | background-size | CSS, Référence CSS |
La propriété CSS background-size spécifie la dimension des images d'arrière-plan. |
||
208 | border | CSS, Référence CSS |
La propriété CSS border est un raccourci pour définir les valeurs des propriétés de toutes les bordures dans une seule et unique règle CSS. border peut être utilisée pour définir les valeurs des propriétés longues suivantes : border-width , border-style , border-color . |
||
209 | border-bottom | CSS, Référence CSS |
La propriété CSS border-bottom est un raccourci pour la définition de border-bottom-color , border-bottom-style et border-bottom-width . Ces propriétés définissent les bordures inférieures des éléments. |
||
210 | border-bottom-color | CSS, Référence CSS |
La propriété CSS border-bottom-color définit la couleur de la bordure inférieure d'un élément, soit à l'aide d'une valeur de couleur soit à l'aide du mot-clef transparent . |
||
211 | border-bottom-left-radius | CSS, Référence CSS |
La propriété CSS border-bottom-left-radius définie le rayon de la bordure du coin en bas à gauche. Avant Gecko 2.0 (Firefox 4.0) la propriété était nommée -moz-border-radius-bottomleft. L'arrondi peut être circulaire, ellipsoïde ou inexistant et le coin est alors carré. |
||
212 | border-bottom-right-radius | CSS, Référence CSS |
La propriété CSS border-bottom-right-radius définie le rayon de la bordure du coin en bas à droite. L'arrondi peut être circulaire, ellipsoïde ou inexistant et le coin est alors carré. |
||
213 | border-bottom-style | CSS, Référence CSS |
La propriété CSS border-bottom-style définit le style de ligne de la bordure inférieure d'une boîte. |
||
214 | border-bottom-width | CSS, Référence CSS |
La propriété CSS border-bottom-width définit la largeur de la bordure inférieure d'une boîte. |
||
215 | border-collapse | CSS, Référence CSS |
La propriété CSS border-collapse est utilisée pour fusionner les bordures. Elle a une grande influence sur l'affichage et le style des cellules de tableau. |
||
216 | border-color | CSS, Référence CSS |
La propriété CSS border-color est un raccourci pour définir la couleur des quatre côtés de la bordure d'un élément. |
||
217 | border-image | CSS, Référence CSS |
La propriété CSS border-image permet de déclarer une image sur les bords d'un élément. Cette propriété permet d'élaborer des widgets complexes de manière beaucoup plus simple, en supprimant le fait de devoir déclarer neuf boîtes différentes pour intégrer des designs particuliers pour chaque coin et chaque bordure. |
||
218 | border-image-source | CSS, Référence CSS |
La propriété CSS border-image-source définit le type de donnée CSS <image> à utiliser à la place du style de la bordure. Si cette propriété est définie par none , c'est le style défini par border-style qui sera utilisé. |
||
219 | border-image-width | |
La propriété CSS border-image-width définit la largeur du contour de l'élément. |
||
220 | border-left | CSS, Référence CSS |
La propriété CSS border-left est un raccourci pour la définition de la largeur, du style et de la couleur de la bordure gauche d'une boîte. Cette propriété peut être utilisée pour définir les valeurs pour l'une ou plusieurs propriétés border-left-width , border-left-style et/ou border-left-color . Les valeurs omises sont définies à leur valeur initiale. |
||
221 | border-left-color | CSS, Référence CSS |
La propriété CSS border-left-color définit la couleur de la bordure gauche d'une boîte. |
||
222 | border-left-style | CSS, Référence CSS |
La propriété CSS border-left-style définit le style de ligne de la bordure gauche d'une boîte. |
||
223 | border-left-width | CSS, Référence CSS |
La propriété CSS border-left-width définit la largeur de la bordure gauche d'une boîte. |
||
224 | border-radius | CSS, CSS Borders, CSS Property, Layout, Reference, Référence, Web |
La propriété CSS border-radius peut être utilisée pour arrondir les coins des bordures. Le rayon s'applique aussi à background même si l'élément n'a pas de bordure. |
||
225 | border-right | CSS, Référence CSS |
La propriété CSS border-right est un raccourci pour la définition de la largeur, du style et de la couleur de la bordure droite d'une boîte. Cette propriété peut être utilisée pour définir les valeurs pour l'une ou plusieurs propriétés border-right-width , border-right-style et/ou border-right-color . Les valeurs omises sont définies à leur valeur initiale. |
||
226 | border-right-color | CSS, Référence CSS |
La propriété CSS border-right-color définit la couleur de la bordure droite d'une boîte. |
||
227 | border-right-style | CSS, Référence CSS |
La propriété CSS border-right-style définit le style de ligne de la bordure droite d'une boîte. |
||
228 | border-right-width | CSS, Référence CSS |
La propriété CSS border-right-width définit la largeur de la bordure droite d'une boîte. |
||
229 | border-spacing | CSS, Référence CSS |
La propriété CSS border-spacing spécifie la distance entre les bords de cellules adjacentes (uniquement pour le modèle de bordures séparées). Cette propriété est équivalente à l'attribut de présentation cellspacing en HTML. |
||
230 | border-style | CSS, Référence CSS |
La propriété CSS border-style est un raccourci pour définir le style de ligne des quatre côtés de la bordure d'un élément. |
||
231 | border-top | CSS, Référence CSS |
La propriété CSS border-top est un raccourci pour la définition de la largeur, du style et de la couleur de la bordure supérieure d'une boîte. Cette propriété peut être utilisée pour définir les valeurs pour l'une ou plusieurs propriétés border-top-width , border-top-style et/ou border-top-color . Les valeurs omises sont définies à leur valeur initiale. |
||
232 | border-top-color | CSS, Référence CSS |
La propriété CSS border-top-color définit la couleur de la bordure supérieure d'une boîte. |
||
233 | border-top-left-radius | CSS, Référence CSS |
La propriété CSS border-top-left-radius définit le rayon de la bordure du coin en haut à gauche. Avant Gecko 2.0 (Firefox 4.0) la propriété était nommée -moz-border-radius-topleft. L'arrondi peut être circulaire, ellipsoïdal ou inexistant et le coin est alors carré. |
||
234 | border-top-right-radius | CSS, Référence CSS |
La propriété CSS border-top- définie le rayon de la bordure du coin en haut à droite. Avant Gecko 2.0 (Firefox 4.0) la propriété était nommée -moz-border-radius-topright. L'arrondi peut être circulaire, ellipsoïde ou inexistant et le coin est alors carré. |
||
235 | border-top-style | CSS, Référence CSS |
La propriété CSS border-top-style définit le style de ligne de la bordure supérieure d'une boîte. |
||
236 | border-top-width | CSS, Référence CSS |
La propriété CSS border-top-width définit la largeur de la bordure supérieure d'une boîte. |
||
237 | border-width | CSS, Référence CSS |
La propriété CSS border-width définit la largeur de la bordure d'une boîte. |
||
238 | bottom | CSS, Référence CSS |
La propriété CSS bottom définit une partie de la position des éléments positionnés. |
||
239 | box-decoration-break | CSS, CSS Fragmentation, CSS Property, Experimental, Reference |
The box-decoration-break CSS property specifies how the background , padding , border , border-image , box-shadow , margin and clip of an element is applied when the box for the element is fragmented. Fragmentation occurs when an inline box wraps onto multiple lines, or when a block spans more than one column inside a column layout container, or spans a page break when printed. Each piece of the rendering for the element is called a fragment. |
||
240 | box-direction | CSS, Référence CSS, css |
Dans les applications Mozilla, -moz-box-direction spécifie si une boîte doit présenter son contenu normalement (depuis le haut de la page vers le bas), ou l'inverse (depuis le bas de la page vers le haut). |
||
241 | box-shadow | CSS, Référence CSS |
La propriété CSS box-shadow accepte un ou plusieurs effets d'ombre définis sous la forme d'une liste séparée par des virgules. Elle permet de projeter l'ombre de presque n'importe quel élément. Si une bordure arrondie est définie à l'aide de border-radius sur l'élément auquel s'applique l'ombre, l'ombre ainsi créée aura les mêmes bords arrondis. Le niveau sur l'axe z d'ombres multiples est le même que les ombres de texte multiples (la première ombre spécifiée est sur le dessus). |
||
242 | box-sizing | |
La propriété CSS box-sizing est utilisé pour modifier le modèle de boîte CSS par défaut qui est utilisé pour calculer la largeur et la hauteur des éléments. Il est possible d'utiliser cette propriété pour émuler le comportement des navigateurs qui n'appliquent pas correctement la spécification du modèle de boîte CSS. |
||
243 | calc | CSS, CSS Fonction, Reference, Référence, Web, css |
La fonction CSS calc() peut être utilisée à n'importe quel endroit ou une <length> , <frequency> , <angle> , <time> , <number> , ou <integer> est nécessaire. Grâce à calc() , il est possible de réaliser des calculs pour déterminer la valeur d'une propriété CSS. |
||
244 | caption-side | CSS, Référence CSS |
La propriété CSS caption-side positionne le contenu de l'élément <caption> d'un tableau du côté spécifié. |
||
245 | clear | CSS, Propriété CSS, Référence CSS |
La propriété CSS clear définit si un élément peut être à côté des éléments flottants qui le précèdent ou s'il doit être placé en dessous d'eux (être libéré). |
||
246 | clip | CSS, Référence CSS, css |
La propriété CSS clip définit quelle portion d'un élément est visible. |
||
247 | clip-path | |
No summary! | ||
248 | color | CSS, Propriété CSS, Reference, Référence, Référence CSS |
La propriété CSS color définit la couleur de premier-plan du contenu de texte d'un élément, ainsi que les décorations définies grâce à text-decoration . Elle n'affecte pas d'autres caractéristiques de l'élément. Un nom plus approprié serait être text-color , mais des raisons historiques et son apparition dans CSS Level 1 en ont fait autrement. |
||
249 | column-count | CSS, Référence CSS |
La propriété CSS column-count décrit le nombre de colonnes de l'élément. |
||
250 | column-fill | CSS, Référence CSS |
La propriété CSS column-fill contrôle la manière dont le contenu est découpé entre les colonnes. Le contenu peut être réparti également, ce qui signifie que toutes les colonnes auront la même hauteur, ou en utilisant le mot-clé auto , pour simplement prendre l'espace dont le contenu à besoin. |
||
251 | column-gap | CSS, Référence CSS, css |
La propriété CSS column-gap défini la taille de l'espace entre les colonnes pour les éléments dont l'affichage est défini comme un élément multicolonne. |
||
252 | column-rule | CSS, Référence CSS |
Accepte une, deux ou trois valeurs dans n'importe quel ordre : | ||
253 | column-rule-color | CSS, Référence CSS |
La propriété CSS column-rule-color permet de définir la couleur de la lige dessinée entre les colonnes dans une mise en page multicolonne. |
||
254 | column-rule-style | CSS, Référence CSS |
La propriété CSS column-rule-style permet de définir le style de la ligne tracée entre les colonnes d'une mise en page multicolonne. |
||
255 | column-rule-width | CSS, Référence CSS |
La propriété CSS column-rule-width permet de définir la largeur de la ligne tracée entre les colonnes d'une mise en page multicolonne. |
||
256 | column-span | CSS, CSS Multi-columns, Référence CSS |
La propriété CSS column-span permet qu'un élément enjambe toutes les colonnes si sa valeur est all . Un élément qui s'étale sur plus d'une colonne est appelé un élément étendu. |
||
257 | column-width | CSS, Référence CSS |
La propriété CSS column-width suggère une largeur optimale de colonne. Ce n'est pas une valeur absolue mais plutôt une indication. Le navigateur ajustera la largeur des colonnes autour de la valeur suggérée, permettant ainsi des mises en pages s'adaptant à différentes tailles d'écran. Plus particulièrement en conjonction avec la propriété CSS column-count qui a l'ascendant, pour déterminer une largeur exacte de colonne, toutes les valeurs de longueurs doivent être spécifiées. Pour du texte horizontal, cela inclue donc width , column-width , column-gap , et column-rule-width . |
||
258 | columns | CSS, CSS Multi-columns, Référence CSS |
La propriété CSS columns est une propriété raccourcie permettant de définir les propriétés column-width et column-count en même temps. |
||
259 | content | Besoin_de_révision_technique, CSS, NeedsTechnicalReview, Référence CSS |
La propriété CSS content est utilisée avec les pseudo-éléments :before et :after pour générer du contenu dans un élément. Les objets insérés grâce à la propriété content sont des éléments remplacés anonymes. |
||
260 | counter-increment | CSS, CSS:Extensions_Mozilla, Référence CSS |
counter-increment est utilisée pour incrémenter la valeur des Compteurs CSS d'une valeur donnée. |
||
261 | counter-reset | CSS, Référence CSS |
La propriété CSS counter-reset est utilisée pour réinitialiser les Compteurs CSS à une valeur donnée. |
||
262 | cursor | CSS, Référence CSS, css |
La propriété CSS cursor définit le curseur de la souris à afficher lorsque le pointeur survole un élément. |
||
263 | Utilisation d'URL pour la propriété cursor | CSS, CSS_2.1, Développement_Web, Développement_inter-navigateur |
No summary! | ||
264 | direction | CSS, Référence CSS |
La propriété CSS direction doit être paramétrée afin de correspondre à la direction du texte :rtl (right to left) pour les texte en hébreu ou en arabe et ltr pour les autres. Cela doit normalement être fait dans le document (par exemple, en utilisant l'attribut dir en HTML) plutôt qu'avec une feuille de style CSS. |
||
265 | display | CSS, Positionnement, Référence CSS, css |
La propriété CSS display définit le type de rendu de boîte à utiliser pour un élément donné. Pour un langage comme HTML, où les éléments existants ont un comportement bien défini, les valeurs par défaut de la propriété display sont extraites des comportements décrits dans les spécifications HTML ou depuis la feuille de style par défaut du navigateur ou de l'utilisateur. Pour des langages où le comportement de l'affichage n'est pas défini (comme XML), la valeur par défaut est inline . |
||
266 | empty-cells | CSS, Référence CSS |
La propriété CSS empty-cells définie comment l'user-agent doit afficher les bordures et les arrière-plans autour des cellules qui ne contiennent pas de contenu. |
||
267 | filter | CSS, Référence CSS |
La propriété CSS filter permet de réaliser des effets comme un flou, ou une modification de teinte sur le rendu d'un élément avant qu'il soit affiché. Les filtres sont couramment utilisés pour ajuster le rendu d'une image, d'un arrière-plan, ou d'une bordure. |
||
268 | flex | CSS, Référence CSS |
La propriété CSS flex permet à un élément flex de modifier ses dimensions afin de remplir l’espace disponible. Les éléments flex peuvent être distendus jusqu’à un espace de taille proportionnelle à leur ratio d’extension (ou de compression) flex. | ||
269 | flex-direction | |
La propriété CSS flex-direction précise comment les éléments flexibles sont placés dans le conteneur flex définissant l'axe principal et la direction (normale ou inversée). |
||
270 | flex-flow | |
La propriété CSS flex-flow est un raccouci des propriétés individuelles flex-direction et flex-wrap. |
||
271 | flex-grow | |
La propriété CSS flex-grow définit le facteur de grossissement d'un objet flex. |
||
272 | flex-wrap | |
La propriété CSS flex-wrap spécifie si les éléments flexibles sont contraints à une seule ligne ou peuvent être affichés sur plusieurs lignes. Si le "wrapping" est autorisé, cette propriété vous permet également de contrôler la direction dans laquelle les lignes sont empilés. |
||
273 | float | CSS, Référence CSS |
La propriété CSS float spécifie qu'un élément doit être retiré du flux normal et placé à la droite ou à la gauche de son bloc conteneur, où le texte et les éléments en-ligne se répartiront autour de lui. |
||
274 | font | CSS, Référence CSS |
La propriété CSS font est un raccourci pour la définition de font-style , font-variant , font-weight , font-size , line-height et font-family dans une seule règle dans la feuille de style. |
||
275 | font-family | CSS, Référence CSS |
Voir l'exemple sur une page | ||
276 | font-feature-settings | |
La propriété CSS font-feature-settings permet un contrôle des fonctions typographiques avancées des fontes OpenType. |
||
277 | font-kerning | |
La propriété CSS font-kerning controle le crénage de la police; c'est-à-dire qu'elle controle comment les lettres sont espacées. L'information de crénage est stockée dans la police, et si la police est bien-crénée, cette caractèristique permet aux caractères, quels qu'ils soient, d'être espacés de manière très similaire. |
||
278 | font-size | CSS, Fonte, Police, Reference, Référence, Référence CSS |
La propriété CSS font-size spécifie la taille de police - plus précisément la hauteur des glyphes de la police. Celle-ci peut aussi changer la taille de police d'autres éléments, car elle est utilisée pour calculer la valeur des unités de longueur em et ex . |
||
279 | font-size-adjust | CSS, Référence CSS |
La propriété CSS font-size-adjust indique si la taille de la police doit être choisie en fonction de la hauteur des lettres bas de casse ou de celle des lettres capitales. |
||
280 | font-stretch | CSS, Référence CSS |
La propriété CSS font-stretch sélectionne un aspect normal, condensé ou étendu d'une famille de police. |
||
281 | font-style | CSS, Référence CSS, css |
La propriété CSS font-style permet de définir l'aspect d'une famille de police : normal, italique ou oblique. |
||
282 | font-variant | CSS, CSS Fonts, font-variant |
La propriété CSS font-variant est un raccourci des propriétés: font-variant-caps , font-variant-numeric , font-variant-alternates , font-variant-ligatures , et font-variant-east-asian . On peut aussi utiliser les valeurs de la propriété font-variant de CSS niveau 2 (soient normal ou small-caps ), en utilisant le raccourci font . |
||
283 | font-variant-ligatures | |
La propriété CSS font-variant-ligatures controle quelles ligatures et formes contextuelles sont utilisées dans les éléments textuels auxquels elle s'applique. Ceci dans l'objectif d'un texte affiché mieux harmonisé. |
||
284 | font-weight | CSS, NeedsLiveSample, Référence CSS |
La propriété CSS font-weight définit la graisse de la police. |
||
285 | height | CSS, Référence CSS |
La propriété CSS height définit la hauteur de l'aire de contenu d'un élément. L'aire de contenu se trouve àl'intérieur de l'espacement, de la bordure et de la marge de l'élément. |
||
286 | hyphens | CSS, Référence CSS |
La propriété CSS hyphens communique au navigateur la méthode à utiliser pour faire la césure des mots afin d'améliorer l'agencement du texte lors |
||
287 | image-orientation | |
La propriété CSS image-orientation décrit comment corriger l'orientation par défaut d'une image. |
||
288 | image-rendering | |
La propriété CSS image-rendering agit comme un indice pour l'user-agent afin de savoir comment il doit procéder pour le rendu des images.image-rendering s'applique aux images redimensionnées (et à d'autres éléments, voir plus bas). Par exemple, si la taille naturelle d'une image est 100×100px mais que l'auteur de la page spécifie ces dimensions comme 200×200px (ou 50×50px ), alors l'image devra être agrandie (ou réduite) aux nouvelles dimensions en utilisant l'algorithme spécifié. La mise à l'échelle peut aussi être appliquée suite à une interaction avec l'utilisateur (effet de zoom). |
||
289 | ime-mode | CSS, Référence CSS |
La propriété CSS ime-mode contrôle l'état de l'éditeur de méthode d'entrée (IME) pour les champs texte. |
||
290 | inherit | CSS, Référence CSS |
inherit est une valeur permise pour toutes les propriétés CSS. L'élément auquel elle s'applique prend la Valeur calculée de la propriété de son élément parent. | ||
291 | initial | CSS, Référence CSS |
initial est une valeur permise pour chaque propriété CSS. Elle force l'utilisation de la valeur initiale de la propriété pour l'élément auquel elle s'applique. | ||
292 | justify-content | |
La propriété css CSS justify-content definie comment le navigateur attribue l'espace entre et autour des éléments flex le long de l'axe principal de leur conteneur. |
||
293 | left | |
Distance (en pixels) de la gauche de l'élément jusqu'à l'extrême gauche du document | ||
294 | letter-spacing | CSS, Référence CSS |
La propriété CSS letter-spacing définit l'espacement entre les caractères de texte. |
||
295 | line-height | CSS, Propriété |
Sur un element de type "block", la propriété CSS line-height spécifie la hauteur minimale de lignes contenues dans l'élément. |
||
296 | linear-gradient | CSS, CSS Fonction, CSS Image, Reference, Référence, Web, css |
La fonction CSS linear-gradient() créée une <image> qui représente un dégradé linéaire de couleurs. Le résultat de cette fonction est un objet CSS du type <gradient> . Comme tout autre dégradé, un dégradé linéaire CSS n'est pas une <color> CSS mais une image sans dimensions intrinsèques ; en d'autres termes, elle n'a pas de taille naturelle ou préférée, ni de proportions préférées. Sa taille s'adapte à l'élément auquel il est appliqué. |
||
297 | list-style | CSS, Référence CSS |
La propriété CSS list-style est un raccourci pour définir simultanément les paramètres list-style-type , list-style-image et list-style-position . |
||
298 | list-style-image | CSS, Référence CSS |
La propriété CSS list-style-image définit l'image utilisée comme puce devant les éléments de listes. |
||
299 | list-style-position | CSS |
La propriété CSS list-style-position définit la position de la puce par rapport à la boîte principale. |
||
300 | list-style-type | CSS, Référence CSS |
La propriété CSS list-style-type définit l'apparence des puces des éléments d'une liste. Comme c'est le seul dont la valeur par défaut est display:list-item , c'est généralement un élément <li> , mais cela peut être n'importe quel élément avec cette valeur de la propriété display . |
||
301 | margin | CSS, Référence CSS, css |
La propriété CSS margin définit la marge extérieure d'un élément pour les quatre côtés. C'est un raccourci pour éviter de régler chaque côté séparément avec les autres propriétés de marge (margin-top , margin-right , margin-bottom et margin-left ). |
||
302 | margin-bottom | CSS, Référence CSS |
La propriété CSS margin-bottom permet de définir une marge extérieure en bas d'un élément. |
||
303 | margin-inline-end | CSS, Référence CSS |
The margin-inline-end CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. In other words, it corresponds to the margin-top , margin-right , margin-bottom or margin-left property depending on the values defined for writing-mode , direction , and text-orientation . |
||
304 | margin-inline-start | CSS, Expérimental |
The margin-inline-start CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the margin-top , margin-right , margin-bottom , or margin-left property depending on the values defined for writing-mode , direction , and text-orientation . |
||
305 | margin-left | CSS, Référence CSS |
La propriété CSS margin-left permet de définir une marge extérieure à gauche d'un élément. |
||
306 | margin-right | CSS, Référence CSS |
La propriété CSS margin-right permet de définir une marge extérieure à droite d'un élément. |
||
307 | margin-top | CSS, Référence CSS, css |
La propriété CSS margin-top permet de définir une marge extérieure en haut d'un élément. |
||
308 | max-height | CSS, Référence CSS |
La propriété CSS max-height est utilisée pour définir une hauteur maximale pour un élément donné. Elle empêche la valeur de la propriété height de devenir plus grande que celle spécifiée pour max-height . |
||
309 | max-inline-size | CSS, Expérimental, Propriété, Référence, css |
La propriété CSS max-inline-size définit la taille maximale horizontale ou verticale d'un élément en ligne (inline) selon le mode d'écriture utilisé. Elle correspond à la propriété max-width ou max-height selon la valeur utilisée pour writing-mode . Si le mode d'écriture est orienté verticalement, max-inline-size fait référence à la hauteur maximale de l'élément, sinon elle fait référence à la largeur maximale de l'élément. La propriété max-block-size peut être utilisée pour les blocs. |
||
310 | max-width | CSS, Propriété, Référence, css |
La propriété max-width est utilisée pour définir la largeur maximale d'un élément donné. Elle empêche la valeur de la propriété width de devenir supérieure à la valeur spécifiée par max-width (autrement dit, max-width est une borne supérieur pour width ). |
||
311 | min-block-size | CSS, Expérimental, Propriété, Référence, css |
La propriété min-block-size peut prendre les mêmes valeurs que les propriétés min-width ou min-height . |
||
312 | min-height | CSS, NeedsMobileBrowserCompatibility, Référence, css |
La propriété min-height est utilisée afin de définir la hauteur minimale d'un élément. Elle empêche ainsi que la valeur de la propriété height devienne inférieure à min-height . |
||
313 | min-inline-size | CSS, Expérimental, Propriété, Référence, css |
La propriété min-inline-size peut prendre les mêmes valeurs que les propriétés min-width ou min-height . |
||
314 | min-width | CSS, Propriété, Référence, css |
La propriété min-width est utilisée pour définir la largeur minimale d'un élément donné. Elle empêche la valeur de la propriété width de devenir inférieure à la valeur spécifiée par min-width (autrement dit, min-width est une borne inférieure pour width ). |
||
315 | mix-blend-mode | CSS, Disposition, Propriété, Référence, Web, css |
La propriété mix-blend-mode décrit la façon dont le contenu d'un élément doit se mélanger avec le contenu de l'élément en dessous et avec son arrière-plan. |
||
316 | motion | CSS, Draft, NeedsContent, NeedsLiveSample, Propriété, Référence, css |
La propriété motion est une propriété raccourcie pour les propriétés motion-path , motion-offset et motion-rotation . Elle permet d'animer un élément sur un tracé défini. |
||
317 | motion-offset | CSS, Draft, NeedsContent, NeedsLiveSample, Propriété, Référence, css |
La propriété motion-offset définit la position de l'élément selon le tracé dessiné par motion-path . |
||
318 | motion-path | CSS, Draft, NeedsContent, Propriété, Référence, css |
La propriété motion-path définit le tracé d'un mouvement sur lequel un élément est positionné. La position exacte de l'élément sur ce tracé est déterminée grâce à la propriété motion-offset . Le tracé d'un mouvement peut être défini grâce à un chemin ou à plusieurs chemins successifs ou encore grâce à la géométrie d'une forme. Chaque forme ou chemin doit définir une position initiale pour la valeur calculée 0 de motion-offset ainsi qu'une direction initiale qui définit la rotation de l'objet dans sa position initiale. |
||
319 | motion-rotation | Draft, NeedsContent, NeedsLiveSample |
La propriété motion-rotation définit la direction de l'élément lorsqu'il est positionné sur le tracé d'un mouvement. |
||
320 | none | CSS, Référence CSS |
none est une valeur commune pour la plupart des propriétés CSS et souvent c'est la valeur par défaut. On peut la comparer à la valeur normal qui peut être utilisée de manière similaire pour d'autres propriétés. |
||
321 | normal | CSS, Référence CSS |
normal est une valeur commune pour certaines propriétés CSS et souvent c'est la valeur par défaut. On peut la comparer à la valeur none qui peut être utilisée de manière similaire pour d'autres propriétés. |
||
322 | object-fit | CSS, Propriété, Référence, css |
La propriété CSS object-fit définit la façon dont le contenu d'un élément remplacé doit s'adapter à son parent en utilisant sa largeur et sa hauteur. |
||
323 | object-position | CSS, Propriété, Référence, css |
La propriété object-position détermine l'alignement d'un élément replacé au sein de sa boîte. |
||
324 | offset-block-end | CSS, Expérimental, Propriété, Référence, css |
La propriété offset-block-end définit la fin du décalage logique en bloc (block) d'un élément, selon le mode d'écriture, la directionnalité et l'orientation. Elle correspond à une des propriétés parmi top , right , bottom ou left selon les valeurs des propriétés writing-mode , direction et text-orientation . |
||
325 | offset-block-start | CSS, Expérimental, Propriété, Référence, css |
La propriété offset-block-start définit le début du décalage logique en bloc (block) d'un élément, selon le mode d'écriture, la directionnalité et l'orientation. Elle correspond à une des propriétés parmi top , right , bottom ou left selon les valeurs des propriétés writing-mode , direction et text-orientation . |
||
326 | offset-inline-end | CSS, Expérimental, Propriété, Référence, css |
La propriété offset-inline-end définit la fin du décalage logique en ligne (inline) d'un élément, selon le mode d'écriture, la directionnalité et l'orientation. Elle correspond à une des propriétés parmi top , right , bottom ou left selon les valeurs des propriétés writing-mode , direction et text-orientation . |
||
327 | offset-inline-start | CSS, Expérimental, Propriété, Référence, css |
La propriété offset-inline-start définit le début du décalage logique en ligne (inline) d'un élément, selon le mode d'écriture, la directionnalité et l'orientation. Elle correspond à une des propriétés parmi top , right , bottom ou left selon les valeurs des propriétés writing-mode , direction et text-orientation . |
||
328 | opacity | CSS, Expérimental, Propriété, Référence, css |
La propriété opacity définit la transparence d'un élément. Autrement dit, elle permet de définir le degré de visibilité de l'arrière-plan sur lequel est placé l'élément. |
||
329 | order | CSS, Propriété, Référence, css |
La propriété order définit l'ordre l'ordre avec lequel on dessine les éléments flexibles dans leur conteneur flexible. Les éléments sont appliqués dans l'ordre croissant des valeurs de order . Les éléments pour lesquels la valeur de order est la même seront appliqués dans l'ordre avec lequel ils apparaissent dans le code source du document. |
||
330 | orphans | CSS, Propriété, Référence, css |
La propriété orphans fait référence au nombre minimum de lignes qui doivent rester en bas de pages dans un conteneur de bloc. Cette propriété est généralement utilisée pour contrôler la façon dont les sauts de page se produisent. |
||
331 | outline | CSS, Propriété, Référence, css |
La propriété outline est une propriété raccourcie qui permet de définir, dans une seule déclaration, une ou plusieurs des propriétés parmi outline-style , outline-width et outline-color . Dans la plupart des cas, on utilisera cette propriété raccourcie qui est plus pratique à mettre en œuvre. |
||
332 | outline-color | CSS, Propriété, Référence, css |
La propriété outline-color permet de définir la couleur avec laquelle on trace le conteur de l'élément. Ce contour est tracé autour de la boîte de bordure et peut être utilisé pour faire ressortir l'élément. La propriété outline-color est également synthétisée avec la propriété raccourcie outline . |
||
333 | outline-offset | CSS, Propriété, Référence, css |
La propriété outline-offset définit l'espace qu'il y a entre la bordure dessinée par outline et le bord de la boîte de bordure d'un élément. Cet espace est transparent et la couleur visible en arrière-plan sera déterminée par l'élément parent. |
||
334 | outline-style | CSS, Propriété, Référence, css |
La propriété outline-style permet de définir la mise en forme utilisée pour dessiner la bordure d'un élément. Cette bordure est dessinée autour de la boîte de bordure et peut être utilisée afin de faire ressortir l'élément. |
||
335 | outline-width | CSS, Propriété, Référence, css |
La propriété CSS outline-width est utilisée afin de définir la largeur de la bordure (outline) d'un élément. Cette bordure est dessinée autour des éléments et délimite la boîte de bordure. Visuellement, cela permet de faire ressortir l'élément. |
||
336 | overflow | CSS, Propriété, Référence, css |
La propriété overflow définit comment rogner le contenu, comment afficher les barres de défilement ou encore comment afficher le contenu sortant du cadre dans un élément de type bloc. |
||
337 | overflow-clip-box | CSS, Propriété, Référence, css |
La propriété overflow-clip-box permet de définir la boîte à laquelle faire référence lorsqu'il y a un dépassement du contenu. |
||
338 | overflow-x | CSS, Expérimental, Propriété, Référence, css |
La propriété overflow-x permet de définir les mécanismes à utiliser (rognage, ascenseurs, dépassement, etc.) lorsque le contenu dépasse des bords droit et gauche de la boîte de contenu. |
||
339 | overflow-y | CSS, Expérimental, Propriété, Référence, css |
La propriété overflow-y permet de définir les mécanismes à utiliser (rognage, ascenseurs, dépassement, etc.) lorsque le contenu dépasse des bords haut et bas de la boîte. |
||
340 | padding | CSS, Propriété, Référence, css |
La propriété padding permet de définir les différents écarts de remplissage d'un élément, sur l'ensemble de ses côtés. La zone de remplissage correspond à l'espace entre le contenu de l'élément et sa bordure. Les valeurs négatives ne sont pas autorisées. |
||
341 | padding-block-end | CSS, Expérimental, Propriété, Référence, css |
La propriété padding-block-end définit le début logique de la zone de remplissage d'un élément de bloc. Cette propriété logique est traduite en une propriété physique selon le mode d'écriture, la directionnalité et l'orientation du texte. Autrement dit, elle correspond à la propriété padding-top , padding-right , padding-bottom ou padding-left selon les valeurs qui sont utilisées pour writing-mode , direction et text-orientation . |
||
342 | padding-block-start | CSS, Expérimental, Propriété, Référence, css |
La propriété padding-block-start définit le début logique de la zone de remplissage d'un élément de bloc. Cette propriété logique est traduite en une propriété physique selon le mode d'écriture, la directionnalité et l'orientation du texte. Autrement dit, elle correspond à la propriété padding-top , padding-right , padding-bottom ou padding-left selon les valeurs qui sont utilisées pour writing-mode , direction et text-orientation . |
||
343 | padding-bottom | CSS, Propriété, Référence, css |
La propriété padding-bottom d'un élément ajuste la hauteur de la boîte de remplissage (padding) en haut de l'élément. La zone de remplissage correspond à l'espace entre le contenu et la bordure. Contrairement à margin-bottom , padding-bottom ne peut pas recevoir de valeurs négatives. |
||
344 | padding-inline-end | CSS, Experimental, Propriété, Référence, css |
La propriété padding-inline-end définit le décalage avec la fin de la zone de remplissage d'un élément, selon le mode d'écriture, la directionnalité et l'orientation du texte. Elle correspond à la propriété padding-top , padding-right , padding-bottom ou padding-left slon les valeurs définies poru writing-mode , direction et text-orientation . |
||
345 | padding-inline-start | CSS, Expérimental, Propriété, Référence, css |
La propriété padding-inline-start définit le décalage avec le début de la zone de remplissage d'un élément, selon le mode d'écriture, la directionnalité et l'orientation du texte. Elle correspond à la propriété padding-top , padding-right , padding-bottom ou padding-left slon les valeurs définies poru writing-mode , direction et text-orientation . |
||
346 | padding-left | CSS, Propriété, Référence, css |
La propriété padding-left d'un élément correspond à l'espace nécessaire à la droite d'un élément. La zone de remplissage correspond à l'espace entre le contenu et la bordure. padding-left ne peut pas recevoir de valeurs négatives. |
||
347 | padding-right | CSS, Propriété, Référence, css |
La propriété padding-right d'un élément correspond à l'espace nécessaire à la droite d'un élément. La zone de remplissage correspond à l'espace entre le contenu et la bordure. padding-right ne peut pas recevoir de valeurs négatives. |
||
348 | padding-top | CSS, Propriété, Référence, css |
La propriété padding-top d'un élément ajuste la hauteur de la boîte de remplissage (padding) en haut de l'élément. La zone de remplissage correspond à l'espace entre le contenu et la bordure. Contrairement à margin-top , padding-top ne peut pas recevoir de valeurs négatives. |
||
349 | page-break-after | CSS, Propriété, Référence, css |
La propriété CSS page-break-after permet d'ajuster les sauts de page placés après l'élément courant. |
||
350 | page-break-before | CSS, Propriété, Référence, css |
La propriété CSS page-break-before permet d'ajuster les sauts de page placés avant l'élément courant. |
||
351 | page-break-inside | CSS, Propriété, Référence, css |
La propriété page-break-inside ajuste la façon dont sont appliqués les sauts de page au sein de l'élément courant. |
||
352 | perspective | CSS, Expérimental, Propriétés, Référence, Transformations CSS, css |
La propriété perspective détermine la distance entre le plan d'équation z = 0 et la position de l'utilisateur afin de donner une perspective aux objets positionnés dans l'espace 3D. Chaque élément pour lequel la côte (z) est positif sera plus grand et chaque élément pour lequel z est négatif apparaîtra plus petit. La force de cet effet est déterminée par la valeur de cette propriété. |
||
353 | perspective-origin | CSS, Expérimental, Propriété, Référence, css |
La propriété perspective-origin détermine la poisition depuis laquelle le spectateur regarde le document. Elle est utilisée comme point de fuite par la propriété perspective . |
||
354 | pointer-events | CSS, Propriété, Référence, SVG, css |
La propriété CSS pointer-events permet aux auteurs de contrôler les circonstances dans lesquelles un élément graphique peut recevoir des événements de la souris, du pointeur ou du doigt. Lorsque cette propriété n'est pas définie, pour le contenu SVG, on aura le même effet qu'avec la valeu visiblePainted . |
||
355 | position | CSS, Propriété, Référence, css |
La propriété position choisit des règles alternatives pour le positionnement des éléments. Elle a été élaborée pour les effets d'animation scriptés. |
||
356 | quotes | CSS, Propriété, Référence, Web, css |
La propriété quotes indique la façon dont les agents utilisateurs doivent afficher les marques indiquant les citations. |
||
357 | radial-gradient | |
La fonction CSS radial-gradient() crée une <image> qui représente un dégradé circulaire de couleurs, rayonnant depuis une origine. À la différence d'un gradiant linéaire, où les couleurs apparaissent d'un côté du dégradé, les couleurs naissent d'un point unique et se propagent vers l'extérieur, soit en cercle, soit en ellipse. Le résultat de cette fonction est un object CSS de type <gradient> . |
||
358 | repeating-linear-gradient | CSS, Référence CSS, css |
La fonction CSS repeating-linear-gradient créé une <image> de dégradés qui se répètent. Cela fonctionne de manière similaire, et accèpte les mêmes arguments que les dégradés linéaires basiques, comme décris dans linear-gradient , mais les points d'arrêt des couleurs sont automatiquement répétés indéfiniment dans les deux directions, en voyant leurs positions déplacées d'une multiples de la distance entre la position du dernier des points d'arrêt et du premier point d'arrêt. |
||
359 | resize | CSS, Propriété, Référence |
La propriété resize permet de contrôler le caractère redimensionnable d'un élément. |
||
360 | revert | CSS, Cascade, Référence |
Le mot-clé revert permet de remonter la cascade afin que la propriété puisse prendre la valeur qui aurait été utilisée sans mise en forme particulière (la valeur qu'elle aurait eu sans mise en forme appliquée par la feuille de style de l'auteur, de l'utilisateur ou de l'agent utilisateur). S'il est utilisée dans une feuille de style d'un auteur web (le cas normal), cela réinitialisera la propriété avec la valeur par défaut définie par la feuille de style de l'agent utilisateur (ou par le style utilisateur s'il y en a un). |
||
361 | right | CSS, Propriété, Référence |
La propriété right définie, en partie, la position des éléments positionnés. |
||
362 | ruby-align | CSS, Propriété, Ruby, Référence, css |
La propriété ruby-align définit la façon dont les éléments ruby sont distribués autour du texte de base. |
||
363 | ruby-position | CSS, Propriété, Ruby, Référence |
La propriété ruby-position définit la position d'un élément ruby par rapport à son élément de base. L'élément ruby peut ainsi être positionné au-dessus de l'élément (over ), en-dessous (under ) ou entre les caractères, sur leur droite (inter-character ). |
||
364 | scroll-behavior | CSS, CSSOM, Propriété, Réference |
La propriété scroll-behavior définit le comportement du défilement pour une boîte de défilement lorsque celui-ci provient de la navigation ou des API CSSOM. Pour les autres défilements, appliqués par l'utilisateur, cette propriété n'a aucun impact. Lorsque cette propriété est définie sur l'élément racine, elle s'applique au viewport. |
||
365 | scroll-snap-coordinate | CSS, Expérimental, Propriété, Référence |
La propriété scroll-snap-coordinate définit les coordonnées horizontale et verticale, au sein de l'élément, qui s'aligneront avec les points définis par scroll-snap-destination dans le conteneur le plus proche en termes de parenté. |
||
366 | scroll-snap-destination | CSS, Propriété, Référence |
La propriété scroll-snap-destination définit les coordonnées horizontale et verticale des points d'accroche dans le viewport du conteneur. |
||
367 | scroll-snap-points-x | CSS, Non-standard, Propriété |
La propriété scroll-snap-points-x définit le positionnement horizontal des points d'accroche dans le conteneur de défilement auquel ils s'appliquent. |
||
368 | scroll-snap-points-y | CSS, Non-standard, Propriété |
La propriété scroll-snap-points-y définit le positionnement vertical des points d'accroche dans le conteneur de défilement auquel ils s'appliquent. |
||
369 | scroll-snap-type | CSS, Expérimental, Propriété, Référence, css |
La propriété scroll-snap-type définit la force d'adhérence aux points d'accroche en cas de défilement d'un conteneur. |
||
370 | scroll-snap-type-x | CSS, Non-standard, Propriété |
La gestion précise des animations et de la physique pour respecter ces points d'accroche n'est pas décrite par cette propriété et est laissée à la discrétion de l'agent utilisateur. | ||
371 | scroll-snap-type-y | CSS, Non-standard, Propriété |
La gestion précise des animations et de la physique pour respecter ces points d'accroche n'est pas décrite par cette propriété et est laissée à la discrétion de l'agent utilisateur. | ||
372 | shape-image-threshold | CSS, Expérimental, Propriété, Référence, css |
La propriété shape-image-threshold définit le seuil, en terme de canal alpha, à utiliser pour extraire la forme d'une image. Cette forme pourra être utilisée pour shape-outside . Une valeur de 0.5 indiquera qu'on prend la forme qui englobe tous les pixels dont l'opacité est supérieure à 50% . |
||
373 | shape-margin | CSS, Expérimental, Propriété, Référence |
La propriété shape-margin permet d'ajouter une marge à shape-outside . |
||
374 | shape-outside | CSS, Propriété, Référence, css |
Afin de pouvoir interpoler entre deux formes, on appliquera les règles suivantes. Les valeurs avec des fonctions sont interpolées comme une liste simple. Les valeurs d'une liste sont interpolées comme des longueurs, des pourcentages ou des valeurs calculées lorsque c'est possible. Si les valeurs de la liste n'ont pas ces types mais sont identiques (par exemple, on trouve nonzero à la même position dans les deux listes), les valeurs pourront interopérer. |
||
375 | symbols() | CSS, Fonction, Référence |
La fonction symbols() permet de définir des styles pour les compteurs en ligne, directement comme valeur de la propriété CSS. À la différence des styles définis avec @counter-style , ces styles sont anonymes. La fonction symbols() ne possède pas toute la flexibilité offerte par la règle @ @counter-style mais peut s'avérer utile dans des cas où le style nécessaire n'est utilisé qu'une seule fois et où il n'est pas nécessaire d'utiliser toutes les options fournies par @counter-style . |
||
376 | tab-size | CSS, Expérimental, Propriété, Référence |
La propriété tab-size permet d'adapter la largeur utilisée pour représenter le caractère de tabulation (U+0009 ). |
||
377 | table-layout | CSS, Propriété, Référence |
La propriété table-layout définit l'algorithme utilisé pour disposer les cellules, lignes et colonnes d'un tableau. |
||
378 | text-align | CSS, Propriété, Référence |
La propriété text-align décrit la façon dont un texte en ligne (inline) est alignée dans le bloc de son élément parent. text-align ne contrôle pas l'alignement des éléments en bloc, uniquement celui du contenu en ligne. |
||
379 | text-align-last | CSS, Propriété, Référence |
La propriété text-align-last décrit la façon dont la dernière ligne d'un bloc, ou une ligne avant un retour à la ligne forcé, doit être alignée. |
||
380 | text-combine-upright | CSS, Expérimental, Propriété, Référence |
La propriété text-combine-upright définit comment combiner des caractères afin qu'ils ne prennent la place que d'un seul caractère. Si le texte combiné est plus large que 1em , l'agent utilisateur devra contraindre ce contenu dans 1em . Le résultat de la combinaison est traité comme un seul glyphe vertical à des fins de disposition et de mise en forme. Cette propriété n'affecte que les modes d'écritures verticaux. |
||
381 | text-decoration | CSS, Propriété, Référence |
La propriété text-decoration est une propriété raccourcie qui permet de combiner les valeurs des trois propriétés qui peuvent la composer : text-decoration-line , text-decoration-color et text-decoration-style |
||
382 | text-decoration-color | CSS, Propriété, Référence |
La propriété text-decoration-color définit la couleur utilisée pour dessiner les lignes décorant le texte (quel que soit le style définit text-decoration-line ). |
||
383 | text-decoration-line | CSS, Propriété, Référence |
La propriété text-decoration-line définit la façon dont les décorations linéaires sont ajoutées à un élément et notamment leur position (sous le texte, au-dessus ou en travers de celui-ci). |
||
384 | text-decoration-style | CSS, Propriété, Référence |
La propriété text-decoration-style définit le style appliqué sur les lignes visées par text-decoration-line . Le style s'applique à toutes les lignes visées (il n'existe pas de méthode permettant de mettre en forme les lignes décorées différemment les unes des autres). |
||
385 | text-emphasis | CSS, Propriété, Référence, css |
La propriété text-emphasis est une propriété raccourcie qui permet de définir text-emphasis-style et text-emphasis-color avec une seule déclaration. Cette propriété appliquera les marques d'emphase définies sur chaque caractères du texte de l'élément sauf pour les séparateurs (comme les espaces) et les caractères de contrôle. |
||
386 | text-emphasis-color | CSS, Propriété, Référence |
La propriété text-emphasis-color définit la couleur utilisée pour dessiner les marques d'emphase. Celle-ci peut être (re)définie grâce à la propriété raccourcie text-emphasis . |
||
387 | text-emphasis-position | CSS, Propriété, Référence |
La propriété text-emphasis-position permet de décrire l'emplacement des marques d'emphase quand elles sont utilisées. L'ajout des marques a le même effet que les annotations ruby quant à la hauteur de ligne : s'il n'y a pas suffisamment de place, la hauteur de la ligne est augmentée. |
||
388 | text-emphasis-style | CSS, Propriété, Référence |
La propriété text-emphasis-style définit le type d'emphase utilisée. Celui-ci peut également être (re)défini via la propriété raccourcie text-emphasis . |
||
389 | text-indent | CSS, Propriété, Référence |
La propriété text-indent définit la quantité d'espace horizontal qui doit être laissée avant le début de la première ligne d'un élément contenant du texte. L'espacement horizontal se fait en accord avec la bord gauche (ou droit pour les dispositions de droite à gauche) de l'élément contenant le texte. |
||
390 | text-orientation | CSS, Expérimental, Propriété, Reference |
La propriété text-orientation définit l'orientation du texte sur une ligne. Cette propriété n'a d'effet qu'en mode vertical (autrement dit, quand writing-mode n'est pas horizontal-tb ). Elle est utile pour contrôler l'affichage de l'écriture pour les langues dont le script est vertical. Elle permet aussi de gérer les en-têtes de tableaux verticaux. |
||
391 | text-overflow | CSS, Propriété, Référence, css |
La propriété text-overflow détermine la façon dont le contenu textuel qui dépasse d'une boîte est signalé pour les utilisateurs. Le texte peut être rogné (clipping), afficher une ellipse ('… ', U+2026 Horizontal Ellipsis ) ou afficher une chaîne de caractères choisie. |
||
392 | text-rendering | CSS, Propriété, Référence, SVG |
La propriété text-rendering donne de l'information au moteur de rendu sur ce qu'il doit optimiser lors de l'affichage du texte. Le navigateur fait des compromis entre la vitesse, la lisibilité et la précision géométrique. La propriété text-rendering est une propriété SVG qui n'est définie dans aucun standard CSS. Toutefois, les navigateurs utilisant Gecko et WebKit permettent d'appliquer cette propriété à du contenu HTML ou XML sur Windows, Mac OS X et Linux. |
||
393 | text-shadow | CSS, Propriété, Référence, css |
La propriété text-shadow permet d'ajouter une ombre au texte. Cette propriété peut être utilisée avec une liste d'ombres séparées par des virgules qui seront appliquées au texte de l'éléments et aux effets décoratifs (cf. text-decorations ). |
||
394 | text-size-adjust | CSS, Expérimental, Propriété |
Sur les appareils mobiles, la propriété text-size-adjust permet aux auteurs de contrôler la façon dont le contenu textuel est par rapport à l'élément cible. |
||
395 | text-transform | CSS, Propriété, Référence, css |
La propriété text-transform définit la façon d'utiliser les lettres capitales pour le texte d'un élément. Cela permet que le texte soit écrit uniquement en majuscules, minuscules ou que chaque mot commence par une capitale. |
||
396 | text-underline-position | CSS, Propriété, Référence |
La propriété text-underline-position définit la position du soulignement utilisé lorsque la propriété text-decoration prend la valeur underline . |
||
397 | top | CSS, Positionnement, Propriété, Référence |
La propriété top définit une partie de la position des éléments positionnés, elle n'a aucun effet pour les éléments non-positionnés. |
||
398 | touch-action | CSS, Propriété, Référence |
La propriété touch-action définit si une région donnée peut être manipulée par l'utilisateur grâce à des interactions tactiles (en déplaçant ou en zoomant) et comment cette interaction fonctionnera. |
||
399 | transform | CSS, Expérimental, Propriété, Référence, Transformations CSS, css |
La propriété transform permet de modifier l'espace de coordonnées utilisé pour la mise en forme visuelle. Grâce à cette propriété, il est possible de translater les éléments, de les tourner, d'appliquer des homothéties, de les distordre pour en changer la perspective. |
||
400 | transform-box | CSS, Expérimental, Propriété, Référence, Transformations CSS |
La propriété transform-box définit la boîte à laquelle les propriétés transform et transform-origin font référence. |
||
401 | transform-function | CSS, CSS Function, CSS Transforms, Layout, NeedsTranslation, Reference, TopicStub, Transforms, Web, css |
There are several coordinate models used when describing transformation. The most common are the Cartesian coordinate system and homogeneous coordinates. | ||
402 | matrix() | CSS, NeedsCompatTable, Référence, Transformations CSS, css |
La fonction matrix() définit une matrice homogène de transformation, définie par 6 coefficients. Les paramètres de cette fonction sont ces coefficients, dans l'ordre des lignes puis des colonnes, suivis des coefficients de translation. |
||
403 | matrix3d() | CSS, NeedsCompatTable, Référence, Transformations CSS, css |
La fonction matrix3d() décrit une transformation en trois dimensions sous la forme d'une matrice homogène (4x4). Les 16 paramètres passés à la fonction sont listés par ligne puis par colonne. |
||
404 | perspective() | CSS, NeedsCompatTable, Référence, Transformations CSS, css |
Cette fonction est utilisée avec les opérations en 3D comme translatez() et scalez() |
||
405 | rotate() | CSS, NeedsCompatTable, Référence, Transformations CSS, css |
La fonction rotate() définit une transformation qui déplace un élément autour d'un point fixe (défini par la propriété transform-origin ) sans le déformer. C'est une rotation autour de ce point. La rotation plane est définie par un angle, l'argument de la fonction, si l'angle indiqué est positif, le mouvement sera appliqué dans le sens horaire et sinon il sera appliqué dans le sens inverse des aiguilles d'une montre. |
||
406 | rotate3d() | CSS, NeedsCompatTable, Référence, Transformations CSS, css |
La fonction rotate3d() définit une transformation qui déplace un élément autour d'un axe sans le déformer. L'angle de la rotation est un argument de la fonction. Si l'angle indiqué est positif, le mouvement sera appliqué dans le sens horaire et sinon il sera appliqué dans le sens inverse des aiguilles d'une montre. |
||
407 | rotateX() | CSS, NeedsCompatTable, Référence, Transformations CSS, css |
La fonction rotateX() définit une transformation qui déplace l'élément autour de l'axe des abscisses sans le déformer élément. L'angle de rotation est défini par l'argument passé à la fonction. Si l'angle indiqué est positif, le mouvement sera appliqué dans le sens horaire et sinon il sera appliqué dans le sens inverse des aiguilles d'une montre. |
||
408 | rotateY() | CSS, NeedsCompatTable, Référence, Transformations CSS, css |
La fonction rotateY() définit une rotation, qui déplace l'élément autour de l'axe des ordonnées, sans le déformer. L'angle de rotation est défini par l'argument passé à la fonction. Si l'angle indiqué est positif, le mouvement sera appliqué dans le sens horaire et sinon il sera appliqué dans le sens inverse des aiguilles d'une montre. |
||
409 | rotateZ() | CSS, NeedsCompatTable, Référence, Transformations CSS, css |
La fonction rotateZ() définit une transformation qui déplace l'élément autour de l'axe Z, sans déformer cet élément. L'angle de rotation est défini par l'argument passé à la fonction. Si l'angle indiqué est positif, le mouvement sera appliqué dans le sens horaire et sinon il sera appliqué dans le sens inverse des aiguilles d'une montre. |
||
410 | scale() | CSS, NeedsCompatTable, Référence, Transformations CSS |
La fonction scale() permet de modifier la taille d'un élément avec un facteur d'échelle sur deux dimensions. |
||
411 | scale3d() | CSS, NeedsCompatTable, Référence, Transformations CSS |
La fonction scale3d() permet de modifier la taille d'une élément en appliquant une homothétie définie par un vecteur. Les composantes de ce vecteur permettent d'appliquer des échelles différentes selon les différentes dimensions. |
||
412 | scaleX() | CSS, NeedsCompatTable, Référence, Transformations CSS |
La fonction scaleX() permet de modifier l'abscisse de chaque sommet de l'élément par un facteur multiplicateur. L'homothétie obtenue n'est pas isotropique et les angles de l'élément ne sont pas conservés. |
||
413 | scaleY() | CSS, NeedsCompatTable, Référence, Transformations CSS |
La fonction scaleY() modifie l'ordonnée de chaque sommet de l'élément avec un facteur multiplicateur. L'homothétie n'est pas isotropique et les angles de l'élément ne sont pas conservés. |
||
414 | scaleZ() | CSS, NeedsCompatTable, Référence, Transformations CSS |
La fonction scaleZ() modifie la coordonnée en Z de chaque point de l'élément avec un facteur multiplicateur donné. Si ce facteur vaut 1, l'opération appliqué sera l'identité. L'homothétie n'est pas isotropique et les angles de l'élément ne sont pas conservés. |
||
415 | skew() | CSS, NeedsCompatTable, Référence, Transformations CSS, css |