diff --git a/files/fr/web/api/xmlhttprequest_api/using_xmlhttprequest/index.md b/files/fr/web/api/xmlhttprequest_api/using_xmlhttprequest/index.md index eb6e744484977a..da3e25fe7dbe68 100644 --- a/files/fr/web/api/xmlhttprequest_api/using_xmlhttprequest/index.md +++ b/files/fr/web/api/xmlhttprequest_api/using_xmlhttprequest/index.md @@ -34,7 +34,8 @@ req.send(); Une requête envoyée avec `XMLHttpRequest` peut récupérer les données de façon asynchrone ou de façon synchrone. Le comportement obtenu est choisi avec le troisième argument optionnel `async` de la méthode [`XMLHttpRequest.open()`](/fr/docs/Web/API/XMLHttpRequest/open). Lorsque cet argument vaut `true` ou s'il n'est pas fourni, la requête est traitée de façon asynchrone. Sinon, le processus est géré de façon synchrone. Pour en savoir plus sur ces différents types de requêtes, vous pouvez consulter l'article [Requêtes synchrones et asynchrones](/fr/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests). Les requêtes synchrones ne peuvent pas être utilisées en dehors des workers, car elles bloqueraient l'interface principale. -> **Note :** Le constructeur `XMLHttpRequest` ne se limite pas aux seuls documents XML. Son nom commence par **"XML"**, car il a été créé lorsque le format d'échange principal était XML. +> [!NOTE] +> Le constructeur `XMLHttpRequest` ne se limite pas aux seuls documents XML. Son nom commence par **"XML"**, car il a été créé lorsque le format d'échange principal était XML. ## Gérer les réponses @@ -138,7 +139,8 @@ function transferCanceled(evt) { Les lignes 3 à 6 du fragment ci-avant ajoutent les gestionnaires d'évènements pour les différents évènements émis à propos du transfert des données à l'aide de `XMLHttpRequest`. -> **Note :** Ces gestionnaires d'évènements doivent être ajoutés avant d'appeler `open()` sur la requête. Sinon, les évènements `progress` ne seront pas captés. +> [!NOTE] +> Ces gestionnaires d'évènements doivent être ajoutés avant d'appeler `open()` sur la requête. Sinon, les évènements `progress` ne seront pas captés. Le gestionnaire d'évènement pour l'avancement, porté par la fonction `updateProgress()` dans l'exemple, reçoit le nombre total d'octets à transférer (`total`) ainsi que le nombre d'octets transférés jusqu'à présent (`loaded`). Toutefois, si le champ `lengthComputable` vaut `false`, la longueur totale est inconnue et vaudra `0` par défaut. @@ -155,7 +157,8 @@ req.upload.addEventListener("abort", transferCanceled); oReq.open(); ``` -> **Note :** Les évènements d'avancement ne sont pas disponibles pour le protocole `file:`. +> [!NOTE] +> Les évènements d'avancement ne sont pas disponibles pour le protocole `file:`. Les évènements d'avancements sont émis à chaque fragment (chunk) de données reçu, y compris le dernier fragment pour les cas où le paquet est reçu et la connexion fermée avant que l'évènement soit déclenché. Dans ce cas, l'évènement `progress` est automatiquement déclenché lorsque l'évènement `load` se produit pour ce paquet. Cela permet de surveiller l'avancement de façon fiable, à l'aide du seul évènement `progress`. diff --git a/files/fr/web/css/-moz-force-broken-image-icon/index.md b/files/fr/web/css/-moz-force-broken-image-icon/index.md index cbc311a3344b1c..f53b357700e96c 100644 --- a/files/fr/web/css/-moz-force-broken-image-icon/index.md +++ b/files/fr/web/css/-moz-force-broken-image-icon/index.md @@ -15,7 +15,8 @@ La propriété **`-moz-force-broken-image-icon`** est une propriété CSS non-st - : Une valeur de 1 indique qu'une icône d'image brisée est affichée même si l'image possède un attribut {{HTMLElement("img", "alt", "#attr-alt")}}. `0` indique que seul l'attribut `alt` doit être affiché. - > **Note :** Même si la valeur est `1`, l'attribut `alt` sera affiché. Voir ci-après. + > [!NOTE] + > Même si la valeur est `1`, l'attribut `alt` sera affiché. Voir ci-après. ### Syntaxe formelle @@ -43,7 +44,8 @@ img { {{EmbedLiveSample('Exemples','125','125','/files/4619/broken%20image%20link.png')}} -> **Note :** Si `-moz-force-broken-image-icon` a la valeur `1` et que ni la hauteur ni largeur de l'image ne sont spécifiées alors l'image ne sera pas affichée et l'attribut `alt` sera masqué. +> [!NOTE] +> Si `-moz-force-broken-image-icon` a la valeur `1` et que ni la hauteur ni largeur de l'image ne sont spécifiées alors l'image ne sera pas affichée et l'attribut `alt` sera masqué. ## Spécifications diff --git a/files/fr/web/css/-moz-image-region/index.md b/files/fr/web/css/-moz-image-region/index.md index 94c4bf8f2bc9d5..42cdd30ddb8d33 100644 --- a/files/fr/web/css/-moz-image-region/index.md +++ b/files/fr/web/css/-moz-image-region/index.md @@ -22,7 +22,8 @@ Pour certains éléments XUL et les pseudo-éléments qui utilisent une image gr La syntaxe de cette propriété est semblable à la syntaxe de la propriété {{cssxref("clip")}}. Les quatre valeurs sont relatives au coin en haut à gauche de l'image. -> **Note :** Pour un système qui fonctionne pour n'importe quel arrière-plan, on pourra utiliser la propriété {{cssxref("-moz-image-rect")}}. +> [!NOTE] +> Pour un système qui fonctionne pour n'importe quel arrière-plan, on pourra utiliser la propriété {{cssxref("-moz-image-rect")}}. ## Syntaxe diff --git a/files/fr/web/css/-webkit-box-reflect/index.md b/files/fr/web/css/-webkit-box-reflect/index.md index de76a2a66ebed8..909ce8518d63c3 100644 --- a/files/fr/web/css/-webkit-box-reflect/index.md +++ b/files/fr/web/css/-webkit-box-reflect/index.md @@ -26,7 +26,8 @@ La propriété **`-webkit-box-reflect`** peut être utilisée afin de créer un -webkit-box-reflect: unset; ``` -> **Attention :** Cette fonctionnalité ne doit pas être utilisée sur le Web. Pour créer des effets de reflet sur le Web, on pourra utiliser la fonction CSS standard {{cssxref("element()", "element()")}}. +> [!WARNING] +> Cette fonctionnalité ne doit pas être utilisée sur le Web. Pour créer des effets de reflet sur le Web, on pourra utiliser la fonction CSS standard {{cssxref("element()", "element()")}}. ## Syntaxe diff --git a/files/fr/web/css/-webkit-line-clamp/index.md b/files/fr/web/css/-webkit-line-clamp/index.md index bfa6024075af0f..41eed7fd90a811 100644 --- a/files/fr/web/css/-webkit-line-clamp/index.md +++ b/files/fr/web/css/-webkit-line-clamp/index.md @@ -13,7 +13,8 @@ Dans la plupart des cas, on utilisera également {{cssxref("overflow")}} avec la Lorsqu'on applique ce style à une ancre, la troncature pourra intervenir au milieu du texte (et pas nécessairement à la fin). -> **Note :** Au départ, cette propriété était implémentée dans WebKit avec quelques problèmes. Elle a été standardisée à des fins de support pour les sites historiques. Le module de spécification [CSS Overflow Module Level 3](https://www.w3.org/TR/css-overflow-3/#propdef--webkit-line-clamp) définit également une propriété {{cssxref("line-clamp")}} qui doit remplacer `-webkit-line-clamp`. +> [!NOTE] +> Au départ, cette propriété était implémentée dans WebKit avec quelques problèmes. Elle a été standardisée à des fins de support pour les sites historiques. Le module de spécification [CSS Overflow Module Level 3](https://www.w3.org/TR/css-overflow-3/#propdef--webkit-line-clamp) définit également une propriété {{cssxref("line-clamp")}} qui doit remplacer `-webkit-line-clamp`. ## Syntaxe diff --git a/files/fr/web/css/-webkit-mask-composite/index.md b/files/fr/web/css/-webkit-mask-composite/index.md index 35eb3465422141..e3d852e104656d 100644 --- a/files/fr/web/css/-webkit-mask-composite/index.md +++ b/files/fr/web/css/-webkit-mask-composite/index.md @@ -27,7 +27,8 @@ La propriété **`-webkit-mask-composite`** définit la façon dont plusieurs im -webkit-mask-composite: unset; ``` -> **Note :** La propriété {{cssxref("mask-composite")}} couvre certains aspects de cette propriété non-standard avec des mots-clés différents. +> [!NOTE] +> La propriété {{cssxref("mask-composite")}} couvre certains aspects de cette propriété non-standard avec des mots-clés différents. ## Syntaxe diff --git a/files/fr/web/css/@counter-style/index.md b/files/fr/web/css/@counter-style/index.md index 62debfcc07054e..f2d1b1bf0c6e71 100644 --- a/files/fr/web/css/@counter-style/index.md +++ b/files/fr/web/css/@counter-style/index.md @@ -113,7 +113,8 @@ Chaque `@counter-style` est identifié par un nom et possède un ensemble de des {{EmbedLiveSample('')}} -> **Note :** Une page d'exemple avec plus de variables est disponible ici : . +> [!NOTE] +> Une page d'exemple avec plus de variables est disponible ici : . ## Spécifications diff --git a/files/fr/web/css/@document/index.md b/files/fr/web/css/@document/index.md index fa8e40789645bf..5c65067a7aacaf 100644 --- a/files/fr/web/css/@document/index.md +++ b/files/fr/web/css/@document/index.md @@ -30,7 +30,8 @@ Les valeurs fournies aux fonctions `url()`, `url-prefix()`, `media-document()` e Les valeurs échappées fournies à la fonction `regexp()` doivent être en outre échappées pour le CSS. Par exemple, un `.` (point) correspond à n'importe quel caractère dans les expressions régulières. Pour établir une correspondance avec un point littéral, vous aurez d'abord besoin de l'échapper en utilisant les règles des expressions rationnelles (en `\.`), puis d'échapper cette chaîne en utilisant les règles CSS (en `\\.`). -> **Note :** Il existe une version préfixée de cette propriété pour Mozilla : `@-moz-document`. Cette propriété a été restreinte aux feuilles de style utilisateur ou à celles de l'agent utilisateur à partir de Firefox 59 afin d'expérimenter une méthode de réduction des risques d'injections CSS (cf. [bug Firefox 1035091](https://bugzil.la/1035091)). +> [!NOTE] +> Il existe une version préfixée de cette propriété pour Mozilla : `@-moz-document`. Cette propriété a été restreinte aux feuilles de style utilisateur ou à celles de l'agent utilisateur à partir de Firefox 59 afin d'expérimenter une méthode de réduction des risques d'injections CSS (cf. [bug Firefox 1035091](https://bugzil.la/1035091)). ### Syntaxe formelle diff --git a/files/fr/web/css/@font-face/index.md b/files/fr/web/css/@font-face/index.md index caf462c64aeac0..b0a6730248550d 100644 --- a/files/fr/web/css/@font-face/index.md +++ b/files/fr/web/css/@font-face/index.md @@ -38,7 +38,8 @@ La [règle @](/fr/docs/Web/CSS/At-rule) [CSS](/fr/docs/Web/CSS) **`@font-face`** - : Une valeur [`font-style`](/fr/docs/Web/CSS/font-style). Il est possible d'utiliser deux valeurs afin d'indiquer l'intervalle pris en charge par une police, par exemple : `font-style: oblique 20deg 50deg;`. - [`font-weight`](/fr/docs/Web/CSS/@font-face/font-weight) - : Une valeur [`font-weight`](/fr/docs/Web/CSS/font-weight). Il est possible d'utiliser deux valeurs afin d'indiquer l'intervalle pris en charge par une police, par exemple : `font-weight: 100 400;`. - > **Note :** Le descripteur `font-variant` a été retiré de la spécification en 2018. La propriété [`font-variant`](/fr/docs/Web/CSS/font-variant) est bien prise en charge, mais il n'existe pas de descripteur équivalent. + > [!NOTE] + > Le descripteur `font-variant` a été retiré de la spécification en 2018. La propriété [`font-variant`](/fr/docs/Web/CSS/font-variant) est bien prise en charge, mais il n'existe pas de descripteur équivalent. - [`font-feature-settings`](/fr/docs/Web/CSS/font-feature-settings) - : Ce descripteur permet d'avoir un contrôle avancé sur les fonctionnalités typographiques relatives aux polices OpenType. - [`font-variation-settings`](/fr/docs/Web/CSS/@font-face/font-variation-settings) @@ -51,7 +52,8 @@ La [règle @](/fr/docs/Web/CSS/At-rule) [CSS](/fr/docs/Web/CSS) **`@font-face`** - : Indique les ressources à utiliser pour la police. La valeur est une liste de valeurs indiquant les ressources à tenter les unes après les autres. Chaque ressource est indiquée avec `url()` ou `local()`. C'est la première ressource de la liste qui est chargée correctement qui est utilisée. Les éléments situés après sont ignorés. Si plusieurs descripteurs `src` sont définis, seule la dernière règle déclarée capable de charger une ressource est appliquée. - > **Note :** Les éléments que le navigateur considère comme invalides sont ignorés. Certains navigateurs pourront ignorer l'ensemble du descripteur si même un seul des éléments est invalide. Cela pourra avoir un impact sur la gestion des alternatives. + > [!NOTE] + > Les éléments que le navigateur considère comme invalides sont ignorés. Certains navigateurs pourront ignorer l'ensemble du descripteur si même un seul des éléments est invalide. Cela pourra avoir un impact sur la gestion des alternatives. Une notation `url()` peut être suivie des notations fonctionnelles `format()` et `tech()`, comme ceci : @@ -88,7 +90,8 @@ La [règle @](/fr/docs/Web/CSS/At-rule) [CSS](/fr/docs/Web/CSS) **`@font-face`** | `embedded-opentype` | Embedded OpenType | .eot | | `svg` | SVG Font (deprecated) | .svg, .svgz | - > **Note :** Les valeurs `opentype` et `truetype` sont tout à fait équivalentes, que le fichier de police utilise des courbes de Bézier cubiques (pour le tableau CFF/CFF2) ou quadratiques (pour le tableau des glyphes). + > [!NOTE] + > Les valeurs `opentype` et `truetype` sont tout à fait équivalentes, que le fichier de police utilise des courbes de Bézier cubiques (pour le tableau CFF/CFF2) ou quadratiques (pour le tableau des glyphes). `tech()` est une notation **optionnelle** {{Experimental_inline}}. Sa valeur est l'un des mots-clés suivants : `variations`, `palettes`, `incremental`, `features-opentype`, `features-aat`, `features-graphite`, `color-COLRv0`, `color-COLRv1`, `color-SVG`, `color-sbix`, `color-CBDT`. diff --git a/files/fr/web/css/@layer/index.md b/files/fr/web/css/@layer/index.md index 8eb6ffe38934bd..f00f7f5cfa7c44 100644 --- a/files/fr/web/css/@layer/index.md +++ b/files/fr/web/css/@layer/index.md @@ -59,7 +59,8 @@ Comme l'ordre initial dans lequel sont déclarés les couches indique la précé Une règle présente dans `utilities` s'appliquerait _même si sa spécificité est inférieure_ à celle de la règle dans `theme`. En effet, dès lors que l'ordre des couches a été établi, la spécificité et l'ordre d'apparence sont ignorés. Cela permet la création de sélecteurs CSS plus simples, car il n'est pas nécessaire de s'assurer qu'un sélecteur a une spécificité suffisamment élevée pour l'emporter sur les autres règles, il suffit de s'assurer qu'il apparaît dans une couche qui arrive après. -> **Note :** Lorsque les noms des couches sont déclarées, leur ordre est défini. On peut ensuite ajouter des règles CSS aux couches en redéclarant leur nom. Les styles sont ainsi ajoutés à la couche et l'ordre des couches reste inchangé. +> [!NOTE] +> Lorsque les noms des couches sont déclarées, leur ordre est défini. On peut ensuite ajouter des règles CSS aux couches en redéclarant leur nom. Les styles sont ainsi ajoutés à la couche et l'ordre des couches reste inchangé. La troisième façon consiste à créer une couche de cascade sans nom, par exemple : @@ -75,7 +76,8 @@ Cela crée une _couche de cascade anonyme_. Cette couche fonctionne de façon an Une autre façon pour créer une couche de cascade consiste à utiliser [`@import`](/fr/docs/Web/CSS/@import). Dans ce cas, les règles associées proviendraient de la feuille de style importée. -> **Attention :** La règle @ `@import` doit précéder tous les autres types de règles, à l'exception des règles `@charset`. +> [!WARNING] +> La règle @ `@import` doit précéder tous les autres types de règles, à l'exception des règles `@charset`. ```css @import "theme.css" layer(utilities); diff --git a/files/fr/web/css/@media/-moz-device-pixel-ratio/index.md b/files/fr/web/css/@media/-moz-device-pixel-ratio/index.md index af4956ceeefc5b..3bb8c70e6b11f1 100644 --- a/files/fr/web/css/@media/-moz-device-pixel-ratio/index.md +++ b/files/fr/web/css/@media/-moz-device-pixel-ratio/index.md @@ -7,7 +7,8 @@ slug: Web/CSS/@media/-moz-device-pixel-ratio La [caractéristique média](/fr/docs/Web/CSS/Media_Queries/Using_media_queries#ciblfer_des_caractéristiques_média) **`-moz-device-pixel-ratio`**, associée à [`@media`](/fr/docs/Web/CSS/@media), est une caractéristique propre à Gecko et peut être utilisée pour appliquer certains styles en fonctions du nombres de pixels physiques par pixel CSS. -> **Attention :** Ne pas utiliser cette fonctionnalité ! La caractéristique [`resolution`](/fr/docs/Web/CSS/@media/resolution) et l'unité `dppx` permettent d'obtenir le même mécanisme. +> [!WARNING] +> Ne pas utiliser cette fonctionnalité ! La caractéristique [`resolution`](/fr/docs/Web/CSS/@media/resolution) et l'unité `dppx` permettent d'obtenir le même mécanisme. > > `-moz-device-pixel-ratio` peut être utilisée si besoin d'être compatible avec des versions de Firefox antérieures à la version 16 et `-webkit-device-pixel-ratio` peut être utilisée avec les navigateurs WebKit qui ne prennent pas en charge `dppx`. Par exemple : > @@ -20,7 +21,8 @@ La [caractéristique média](/fr/docs/Web/CSS/Media_Queries/Using_media_queries# > > Voir [cet article du CSSWG](https://www.w3.org/blog/CSS/2012/06/14/unprefix-webkit-device-pixel-ratio/) pour les bonnes pratiques quant à la compatibilité de `resolution` et `dppx`. -> **Note :** Cette caractéristique est également implémentée par Webkit et [IE 11 pour Windows Phone 8.1]() sous le nom `-webkit-device-pixel-ratio`. Les versions préfixées pour les seuils minimal / maximal sont intitulées `min--moz-device-pixel-ratio` et `max--moz-device-pixel-ratio` sous Gecko, tandis que sous Webkit, elles sont intitulées `-webkit-min-device-pixel-ratio` et `-webkit-max-device-pixel-ratio`. +> [!NOTE] +> Cette caractéristique est également implémentée par Webkit et [IE 11 pour Windows Phone 8.1]() sous le nom `-webkit-device-pixel-ratio`. Les versions préfixées pour les seuils minimal / maximal sont intitulées `min--moz-device-pixel-ratio` et `max--moz-device-pixel-ratio` sous Gecko, tandis que sous Webkit, elles sont intitulées `-webkit-min-device-pixel-ratio` et `-webkit-max-device-pixel-ratio`. ## Syntaxe diff --git a/files/fr/web/css/@media/-webkit-device-pixel-ratio/index.md b/files/fr/web/css/@media/-webkit-device-pixel-ratio/index.md index 1383c37ac6a5e6..8058335ff9afa5 100644 --- a/files/fr/web/css/@media/-webkit-device-pixel-ratio/index.md +++ b/files/fr/web/css/@media/-webkit-device-pixel-ratio/index.md @@ -9,7 +9,8 @@ slug: Web/CSS/@media/-webkit-device-pixel-ratio Sa valeur correspond au nombre de pixels physiques utilisés par l'appareil pour représenter [un pixel CSS (`px`)](/fr/docs/Web/CSS/length#unités_de_longueur_absolues). Bien que la valeur soit de type {{cssxref("<number>")}}, sans unité donc, l'unité implicite est [`dppx`](/fr/docs/Web/CSS/resolution#unités). -> **Attention :** Cette caractéristique est spécifique à WebKit. Tant que possible, on utilisera {{cssxref("@media/resolution","resolution")}}. +> [!WARNING] +> Cette caractéristique est spécifique à WebKit. Tant que possible, on utilisera {{cssxref("@media/resolution","resolution")}}. ## Syntaxe diff --git a/files/fr/web/css/@media/-webkit-transform-2d/index.md b/files/fr/web/css/@media/-webkit-transform-2d/index.md index b01cf729e39acf..cf036bf5e8dbe1 100644 --- a/files/fr/web/css/@media/-webkit-transform-2d/index.md +++ b/files/fr/web/css/@media/-webkit-transform-2d/index.md @@ -7,7 +7,8 @@ slug: Web/CSS/@media/-webkit-transform-2d **`-webkit-transform-2d`** est une [caractéristique média](/fr/docs/Web/CSS/Requêtes_média/Utiliser_les_Media_queries#Cibler_des_caractéristiques_média) booléenne non-standard qui indique si les transformations CSS en 2D (cf. {{cssxref("transform")}}) préfixées sont prises en charge par le navigateur. -> **Note :** Cette caractéristique est uniquement prise en charge par WebKit et Blink. Mieux vaut utiliser la méthode alternative standard avec {{cssxref("@supports")}} à la place si possible. +> [!NOTE] +> Cette caractéristique est uniquement prise en charge par WebKit et Blink. Mieux vaut utiliser la méthode alternative standard avec {{cssxref("@supports")}} à la place si possible. ## Spécifications diff --git a/files/fr/web/css/@media/-webkit-transform-3d/index.md b/files/fr/web/css/@media/-webkit-transform-3d/index.md index 861a9095cc61ab..73c906e14cdb52 100644 --- a/files/fr/web/css/@media/-webkit-transform-3d/index.md +++ b/files/fr/web/css/@media/-webkit-transform-3d/index.md @@ -7,7 +7,8 @@ slug: Web/CSS/@media/-webkit-transform-3d **`-webkit-transform-3d`** est une [caractéristique média](/fr/docs/Web/CSS/Requêtes_média/Utiliser_les_Media_queries#Cibler_des_caractéristiques_média) booléenne non-standard qui indique si les transformations CSS en 3D (cf. {{cssxref("transform")}}) préfixées sont prises en charge par le navigateur. -> **Note :** Cette caractéristique est uniquement prise en charge par WebKit et Blink. Une méthode alternative standard consiste à utiliser {{cssxref("@supports")}} à la place. +> [!NOTE] +> Cette caractéristique est uniquement prise en charge par WebKit et Blink. Une méthode alternative standard consiste à utiliser {{cssxref("@supports")}} à la place. ## Exmple diff --git a/files/fr/web/css/@media/-webkit-transition/index.md b/files/fr/web/css/@media/-webkit-transition/index.md index b006b518df64ab..6fc1b8a9cb9108 100644 --- a/files/fr/web/css/@media/-webkit-transition/index.md +++ b/files/fr/web/css/@media/-webkit-transition/index.md @@ -7,7 +7,8 @@ slug: Web/CSS/@media/-webkit-transition **`-webkit-transition`** est une [caractéristique média](/fr/docs/Web/CSS/Requêtes_média/Utiliser_les_Media_queries#Cibler_des_caractéristiques_média) booléenne non-standard qui permet d'indiquer si les transitions CSS ({{cssxref("transition")}}) sont prises en charge dans leurs versions préfixées. -> **Note :** Cette caractéristique est uniquement prise en charge par les navigateurs basés sur WebKit. L'alternative standard correspondante consiste à utiliser {{cssxref("@supports")}}. +> [!NOTE] +> Cette caractéristique est uniquement prise en charge par les navigateurs basés sur WebKit. L'alternative standard correspondante consiste à utiliser {{cssxref("@supports")}}. ## Privilégier `@supports` diff --git a/files/fr/web/css/@media/any-pointer/index.md b/files/fr/web/css/@media/any-pointer/index.md index 7a001b9d927493..c851ea2e529354 100644 --- a/files/fr/web/css/@media/any-pointer/index.md +++ b/files/fr/web/css/@media/any-pointer/index.md @@ -7,7 +7,8 @@ slug: Web/CSS/@media/any-pointer **`any-pointer`** est une caractéristique média CSS (cf. {{cssxref("@media")}}) qui peut être utilisée afin de déterminer si un des mécanismes de saisie/d'entrée disponibles est un dispositif de pointage et sa précision le cas échéant. -> **Note :** Si on souhaite tester la précision du mécanisme de pointage _principal_, on pourra utiliser la caractéristique [`pointer`](/fr/docs/Web/CSS/@media/pointer) à la place. +> [!NOTE] +> Si on souhaite tester la précision du mécanisme de pointage _principal_, on pourra utiliser la caractéristique [`pointer`](/fr/docs/Web/CSS/@media/pointer) à la place. ## Syntaxe @@ -20,7 +21,8 @@ La caractéristique `any-pointer` est définie comme un mot-clé parmi ceux de l - `fine` - : Il existe au moins un mécanisme d'entrée qui est un dispositif de pointage et pour lequel la précision est fine. -> **Note :** Plusieurs valeurs peuvent correspondre si l'appareil dispose de dispositifs de pointage différents. Toutefois, la valeur `none` ne sera utilisée que lorsqu'aucun dispositif de pointage ne sera détecté. +> [!NOTE] +> Plusieurs valeurs peuvent correspondre si l'appareil dispose de dispositifs de pointage différents. Toutefois, la valeur `none` ne sera utilisée que lorsqu'aucun dispositif de pointage ne sera détecté. ## Exemples diff --git a/files/fr/web/css/@media/aural/index.md b/files/fr/web/css/@media/aural/index.md index 80c318ad236328..d0c85040010391 100644 --- a/files/fr/web/css/@media/aural/index.md +++ b/files/fr/web/css/@media/aural/index.md @@ -7,7 +7,8 @@ slug: Web/CSS/@media/aural Un [groupe de médias](/fr/docs/Web/CSS/@media#Groupes_de_médias) défini par les standards [CSS](/fr/docs/Web/CSS). -> **Note :** Ce groupe de médias n'a jamais été complètement implémenté dans Gecko et a été supprimé dans Gecko 6.0. C'est le type de média [speech](/fr/docs/Web/CSS/@media#speech) qui le remplace. +> [!NOTE] +> Ce groupe de médias n'a jamais été complètement implémenté dans Gecko et a été supprimé dans Gecko 6.0. C'est le type de média [speech](/fr/docs/Web/CSS/@media#speech) qui le remplace. ## Spécifications diff --git a/files/fr/web/css/@media/color/index.md b/files/fr/web/css/@media/color/index.md index e183cef62c2361..fcab5b30e61d46 100644 --- a/files/fr/web/css/@media/color/index.md +++ b/files/fr/web/css/@media/color/index.md @@ -11,7 +11,8 @@ slug: Web/CSS/@media/color La caractéristique `color` est définie avec un entier (type CSS {{cssxref("<integer>")}}) et représente le nombre de bits utiisé par l'appareil d'affichage pour représenter chaque composante de couleur. Si l'appareil ne gère pas les couleurs, la valeur sera zéro. C'est une caractéristique d'intervalle ce qui signifie qu'on peut utiliser les variantes préfixées **`min-color`** et **`max-color`** afin de cibler des règles en fonction d'un minimum ou d'un maximum. -> **Note :** Si les différentes composantes sont représentées sur un nombre différent de bits, c'est le plus petit de ces nombres qui est utilisé. Par exemple, si un affichage utilise 5 bits pour le bleu et le rouge mais 6 bits pour le vert, on considèrera que l'appareil utilise 5 bits par couleur. Si l'appareil utilise des couleur indexées, c'est le nombre minimal de bits par composantes parmi les couleurs de l'index qui est utilisé. +> [!NOTE] +> Si les différentes composantes sont représentées sur un nombre différent de bits, c'est le plus petit de ces nombres qui est utilisé. Par exemple, si un affichage utilise 5 bits pour le bleu et le rouge mais 6 bits pour le vert, on considèrera que l'appareil utilise 5 bits par couleur. Si l'appareil utilise des couleur indexées, c'est le nombre minimal de bits par composantes parmi les couleurs de l'index qui est utilisé. ## Exemples diff --git a/files/fr/web/css/@media/forced-colors/index.md b/files/fr/web/css/@media/forced-colors/index.md index 85c2ac7046be23..81cb25100e9fb3 100644 --- a/files/fr/web/css/@media/forced-colors/index.md +++ b/files/fr/web/css/@media/forced-colors/index.md @@ -7,7 +7,8 @@ slug: Web/CSS/@media/forced-colors La [caractéristique média]() **`forced-colors`** est utilisée afin de détecter si l'utilisateur a choisi une palette de couleur restreinte via le navigateur ou l'agent utilisateur. -> **Note :** Cette fonctionnalité n'est pas encore implémentée par aucun agent utilisateur +> [!NOTE] +> Cette fonctionnalité n'est pas encore implémentée par aucun agent utilisateur ## Valeurs diff --git a/files/fr/web/css/@media/index.md b/files/fr/web/css/@media/index.md index af44c1a0a6de34..57f282e0d76591 100644 --- a/files/fr/web/css/@media/index.md +++ b/files/fr/web/css/@media/index.md @@ -7,7 +7,8 @@ slug: Web/CSS/@media La [règle @](/fr/docs/Web/CSS/At-rule) **`@media`** permet d'appliquer une partie d'une feuille de styles en fonction du résultat d'une ou plusieurs [requêtes média (media queries)](/fr/docs/Web/CSS/Media_Queries). Grâce à cette règle, on peut indiquer une requête média et un ensemble de règles CSS qui s'appliquent uniquement si la requête média est vérifiée pour l'appareil, le contexte avec lequel le contenu est consulté. -> **Note :** Il est possible de manipuler la règle @ `@media` via le CSSOM (et JavaScript) grâce à l'interface [`CSSMediaRule`](/fr/docs/Web/API/CSSMediaRule). +> [!NOTE] +> Il est possible de manipuler la règle @ `@media` via le CSSOM (et JavaScript) grâce à l'interface [`CSSMediaRule`](/fr/docs/Web/API/CSSMediaRule). ## Syntaxe @@ -46,7 +47,8 @@ _Les types de média_ décrivent la catégorie générale d'un appareil. Sauf qu - `screen` - : Destiné principalement aux écrans. -> **Note :** CSS2.1 et [le module de spécification sur les requêtes média de niveau 3](https://drafts.csswg.org/mediaqueries-3/#background) ont défini des types de média supplémentaires (`tty`, `tv`, `projection`, `handheld`, `braille`, `embossed`, et `aural`), mais ceux-ci ont été dépréciés avec [le module de spécification sur les requêtes média de niveau 4](https://dev.w3.org/csswg/mediaqueries/#media-types) et ne devraient donc pas être utilisés. +> [!NOTE] +> CSS2.1 et [le module de spécification sur les requêtes média de niveau 3](https://drafts.csswg.org/mediaqueries-3/#background) ont défini des types de média supplémentaires (`tty`, `tv`, `projection`, `handheld`, `braille`, `embossed`, et `aural`), mais ceux-ci ont été dépréciés avec [le module de spécification sur les requêtes média de niveau 4](https://dev.w3.org/csswg/mediaqueries/#media-types) et ne devraient donc pas être utilisés. ### Caractéristiques de média @@ -123,7 +125,8 @@ Il est aussi possible de combiner plusieurs requêtes média en une seule règle - : Cet opérateur donne la négation d'une requête média, renvoyant `true` si la requête devait renvoyer `false`. Si cet opérateur est présent dans une liste de requêtes séparées par des virgules, la négation portera uniquement sur la requête sur laquelle l'opérateur est appliqué. Si l'opérateur `not` est utilisé, il _est nécessaire_ d'indiquer un type de média. - > **Note :** Dans la spécification de niveau 3, le mot-clé `not` permet uniquement de prendre la négation d'une requête média entière (et pas d'une caractéristique seule). + > [!NOTE] + > Dans la spécification de niveau 3, le mot-clé `not` permet uniquement de prendre la négation d'une requête média entière (et pas d'une caractéristique seule). - `only` - : Applique la mise en forme uniquement si toute la requête correspond. Ce mot-clé est utile pour empêcher les anciens navigateurs d'appliquer les styles en question. Sans utiliser `only`, les anciens navigateurs interpréteraient la requête `screen and (max-width: 500px)` comme `screen`, en ignorant le reste et en appliquant donc le style à tous les écrans. Si l'opérateur `only` est utilisé, il _est nécessaire_ d'indiquer un type de média. diff --git a/files/fr/web/css/@media/pointer/index.md b/files/fr/web/css/@media/pointer/index.md index a88851ef4a918b..a26b0a3d191f38 100644 --- a/files/fr/web/css/@media/pointer/index.md +++ b/files/fr/web/css/@media/pointer/index.md @@ -7,7 +7,8 @@ slug: Web/CSS/@media/pointer **`pointer`** est une caractéristique média CSS (cf. {{cssxref("@media")}}) qui permet de vérifier si le dispositif de saisie/d'entrée principal est un dispositif de pointage et, le cas échéant, de connaître sa précision. -> **Note :** Si on souhaite tester la précision de n'importe quel dispositif de pointage, on utilisera plutôt la caractéristique [`any-pointer`](/fr/docs/Web/CSS/@media/any-pointer). +> [!NOTE] +> Si on souhaite tester la précision de n'importe quel dispositif de pointage, on utilisera plutôt la caractéristique [`any-pointer`](/fr/docs/Web/CSS/@media/any-pointer). ## Syntaxe diff --git a/files/fr/web/css/@media/prefers-color-scheme/index.md b/files/fr/web/css/@media/prefers-color-scheme/index.md index d562980dfa0dc4..6fa1c47711eb1c 100644 --- a/files/fr/web/css/@media/prefers-color-scheme/index.md +++ b/files/fr/web/css/@media/prefers-color-scheme/index.md @@ -5,7 +5,8 @@ slug: Web/CSS/@media/prefers-color-scheme {{CSSRef}} -> **Note :** Si vous avez modifié `privacy.resistFingerprinting` à **vrai**, le paramètre {{cssxref("@media/prefers-color-scheme", "prefers-color-scheme")}} sera redéfini à `light`. +> [!NOTE] +> Si vous avez modifié `privacy.resistFingerprinting` à **vrai**, le paramètre {{cssxref("@media/prefers-color-scheme", "prefers-color-scheme")}} sera redéfini à `light`. > Sinon, vous pouvez créer le paramètre numérique `ui.systemUsesDarkTheme` pour redéfinier le comportement par défaut et retourner `light` (valeur : 0), `dark` (valeur : 1), or `no-preference` (valeur : 2). (Firefox retournera `light` si une autre valeur est utilisée.) La caractéristique média **`prefers-color-scheme`** permet de détecter les préférences exprimées par l'utilisateur quant au thème à utiliser (sombre ou clair). diff --git a/files/fr/web/css/@media/prefers-reduced-motion/index.md b/files/fr/web/css/@media/prefers-reduced-motion/index.md index 0f094a55f1756e..305235bdfc7ecf 100644 --- a/files/fr/web/css/@media/prefers-reduced-motion/index.md +++ b/files/fr/web/css/@media/prefers-reduced-motion/index.md @@ -7,7 +7,8 @@ slug: Web/CSS/@media/prefers-reduced-motion La [requêtes média](/fr/docs/Web/CSS/Media_Queries/Using_media_queries#media_features) [CSS](/fr/docs/Web/CSS) **`prefers-reduced-motion`** détecte si l'utilisateur a demandé au système de minimiser la quantité d'animation ou de mouvement. -> **Attention :** Un exemple intégré au bas de cette page comporte un mouvement d'échelle qui peut poser problème à certains lecteurs. Les lecteurs souffrant de troubles du mouvement vestibulaire peuvent souhaiter activer la fonction de réduction du mouvement sur leur appareil avant de visionner l'animation. +> [!WARNING] +> Un exemple intégré au bas de cette page comporte un mouvement d'échelle qui peut poser problème à certains lecteurs. Les lecteurs souffrant de troubles du mouvement vestibulaire peuvent souhaiter activer la fonction de réduction du mouvement sur leur appareil avant de visionner l'animation. ## Syntaxe diff --git a/files/fr/web/css/@media/shape/index.md b/files/fr/web/css/@media/shape/index.md index e9a7204640ce81..d756c8a6498bff 100644 --- a/files/fr/web/css/@media/shape/index.md +++ b/files/fr/web/css/@media/shape/index.md @@ -18,7 +18,8 @@ La caractéristique `shape` peut prendre une valeur parmi deux valeurs définies ## Exemples -> **Note :** Aucun navigateur n'implémente actuellement cette fonctionnalité. +> [!NOTE] +> Aucun navigateur n'implémente actuellement cette fonctionnalité. ### Exemple simple diff --git a/files/fr/web/css/@namespace/index.md b/files/fr/web/css/@namespace/index.md index 92610c9f0ddf83..59ff4feba9d841 100644 --- a/files/fr/web/css/@namespace/index.md +++ b/files/fr/web/css/@namespace/index.md @@ -34,7 +34,8 @@ La règle `@namespace` peut également être utilisée afin de définir **un pr En [HTML5](/fr/docs/Glossaire/HTML5), les [éléments étrangers](https://html.spec.whatwg.org/#foreign-elements) connus seront automatiquement affectés à des espaces de noms. Cela signifie que les éléments HTML se comporteront comme s'ils appartenaient à l'espace de noms XHTML (`http://www.w3.org/1999/xhtml`) même s'il n'y a aucun attribut `xmlns` dans le document. Les éléments [``](/fr/docs/Web/SVG/Element/svg) et [``](/fr/docs/Web/MathML/Element/math) seront affectés à leurs espaces de noms respectifs (`http://www.w3.org/2000/svg` et `http://www.w3.org/1998/Math/MathML`). -> **Note :** En XML, sauf si un préfixe est directement apposé sur l'attribut (ex. `xlink:href`), cet attribut n'est rattaché à aucun espace de noms. Autrement dit, les attributs n'héritent pas de l'espace de noms de l'élément auquel ils sont rattachés. Afin de respecter ce comportement, l'espace de noms par défaut n'est pas appliqué aux sélecteurs d'attributs. +> [!NOTE] +> En XML, sauf si un préfixe est directement apposé sur l'attribut (ex. `xlink:href`), cet attribut n'est rattaché à aucun espace de noms. Autrement dit, les attributs n'héritent pas de l'espace de noms de l'élément auquel ils sont rattachés. Afin de respecter ce comportement, l'espace de noms par défaut n'est pas appliqué aux sélecteurs d'attributs. ## Syntaxe diff --git a/files/fr/web/css/@page/index.md b/files/fr/web/css/@page/index.md index 2d9f0a6740c290..72d9994cfc9969 100644 --- a/files/fr/web/css/@page/index.md +++ b/files/fr/web/css/@page/index.md @@ -19,7 +19,8 @@ La règle @ **`@page`** est utilisée afin de modifier certaines propriétés CS La règle @ `@page` peut être manipulée via le CSSOM, notamment avec l'interface {{domxref("CSSPageRule")}}. -> **Note :** Le W3C est en train de discuter de la gestion des unités de longueur ({{cssxref("<length>")}}) relative à la zone d'affichage (_viewport_) : `vh`, `vw`, `vmin` et `vmax`. En attendant, il est conseillé de ne pas les utiliser au sein d'une règle `@page`. +> [!NOTE] +> Le W3C est en train de discuter de la gestion des unités de longueur ({{cssxref("<length>")}}) relative à la zone d'affichage (_viewport_) : `vh`, `vw`, `vmin` et `vmax`. En attendant, il est conseillé de ne pas les utiliser au sein d'une règle `@page`. ## Syntaxe diff --git a/files/fr/web/css/@supports/index.md b/files/fr/web/css/@supports/index.md index 040eab029555ab..c4cdd7faa8e1ac 100644 --- a/files/fr/web/css/@supports/index.md +++ b/files/fr/web/css/@supports/index.md @@ -77,7 +77,8 @@ Comme pour les autres opérateurs, on peut appliquer l'opérateur `not` à une d } ``` -> **Note :** Au niveau le plus haut, il n'est pas nécessaire d'encadrer l'opérateur `not` entre parenthèses. Si on souhaite le combiner avec d'autres opérateurs comme `and` ou `or`, il faudra utiliser des parenthèses. +> [!NOTE] +> Au niveau le plus haut, il n'est pas nécessaire d'encadrer l'opérateur `not` entre parenthèses. Si on souhaite le combiner avec d'autres opérateurs comme `and` ou `or`, il faudra utiliser des parenthèses. ### L'opérateur `and` @@ -133,7 +134,8 @@ sera ainsi équivalente à : } ``` -> **Note :** Lorsqu'on utilise à la fois l'opérateur `and` et l'opérateur `or`, il devient nécessaire d'utiliser des parenthèses pour que l'ordre d'application des opérateurs soit défini. Si on n'utilise pas de parenthèses, la condition sera considérée comme invalide et l'ensemble de la règle @ sera ignorée. +> [!NOTE] +> Lorsqu'on utilise à la fois l'opérateur `and` et l'opérateur `or`, il devient nécessaire d'utiliser des parenthèses pour que l'ordre d'application des opérateurs soit défini. Si on n'utilise pas de parenthèses, la condition sera considérée comme invalide et l'ensemble de la règle @ sera ignorée. ### Syntaxe formelle diff --git a/files/fr/web/css/_colon_-moz-first-node/index.md b/files/fr/web/css/_colon_-moz-first-node/index.md index f3f0b37ff5a8e9..fda401255fd834 100644 --- a/files/fr/web/css/_colon_-moz-first-node/index.md +++ b/files/fr/web/css/_colon_-moz-first-node/index.md @@ -7,7 +7,8 @@ slug: Web/CSS/:-moz-first-node La pseudo-classe **`:-moz-first-node`** correspond à un élément si celui-ci est le premier nœud d'un autre élément. Cette pseudo-classe est différente de {{cssxref(":first-child")}} car elle ne cible pas le premier élément qui possède du texte (hors blancs). -> **Note :** Tout blanc qui serait au début d'un élément est ignoré pour la détermination de `:-moz-last-node`. +> [!NOTE] +> Tout blanc qui serait au début d'un élément est ignoré pour la détermination de `:-moz-last-node`. ## Syntaxe diff --git a/files/fr/web/css/_colon_-moz-last-node/index.md b/files/fr/web/css/_colon_-moz-last-node/index.md index 0434303b55f8c5..b9946141beaf54 100644 --- a/files/fr/web/css/_colon_-moz-last-node/index.md +++ b/files/fr/web/css/_colon_-moz-last-node/index.md @@ -7,7 +7,8 @@ slug: Web/CSS/:-moz-last-node La pseudo-classe **`:-moz-last-node`** correspond à un élément si celui-ci est le dernier nœud d'un autre élément. Cette pseudo-classe est différente de {{cssxref(":last-child")}} car elle ne cible pas le dernier élément qui possède du texte (hors blancs). -> **Note :** Tout blanc qui serait à la fin d'un élément est ignoré pour la détermination de `:-moz-last-node`. +> [!NOTE] +> Tout blanc qui serait à la fin d'un élément est ignoré pour la détermination de `:-moz-last-node`. ## Syntaxe diff --git a/files/fr/web/css/_colon_-moz-only-whitespace/index.md b/files/fr/web/css/_colon_-moz-only-whitespace/index.md index 619d0f47c73ce7..a56b8f047ea2b4 100644 --- a/files/fr/web/css/_colon_-moz-only-whitespace/index.md +++ b/files/fr/web/css/_colon_-moz-only-whitespace/index.md @@ -5,7 +5,8 @@ slug: Web/CSS/:-moz-only-whitespace {{CSSRef}}{{SeeCompatTable}} -> **Note :** Dans la spécification CSS4 Selectors, le sélecteur {{CSSxRef(":empty")}} a été modifié pour se comporter comme `:-moz-only-whitespace` mais aucun navigateur ne prend actuellement en charge cette fonctionnalité. +> [!NOTE] +> Dans la spécification CSS4 Selectors, le sélecteur {{CSSxRef(":empty")}} a été modifié pour se comporter comme `:-moz-only-whitespace` mais aucun navigateur ne prend actuellement en charge cette fonctionnalité. La [pseudo-classe](/fr/docs/Web/CSS/Pseudo-classes) **`:-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. diff --git a/files/fr/web/css/_colon_-moz-window-inactive/index.md b/files/fr/web/css/_colon_-moz-window-inactive/index.md index 19c55f99add0d9..b3269dae0a3f20 100644 --- a/files/fr/web/css/_colon_-moz-window-inactive/index.md +++ b/files/fr/web/css/_colon_-moz-window-inactive/index.md @@ -7,7 +7,8 @@ slug: Web/CSS/:-moz-window-inactive La pseudo-classe **`:-moz-window-inactive`**, spécifique à Mozilla, correspond à n'importe quel élément qui se trouve sur une fenêtre inactive. -> **Note :** Avant l'existence de cette pseudo-classe, on pouvait donner des styles différents aux fenêtres avec l'attribut `active="true"` sur la fenêtre XUL de plus haut niveau. Cet attribut n'est plus utilisé. +> [!NOTE] +> Avant l'existence de cette pseudo-classe, on pouvait donner des styles différents aux fenêtres avec l'attribut `active="true"` sur la fenêtre XUL de plus haut niveau. Cet attribut n'est plus utilisé. `:-moz-window-inactive` fonctionne également pour le contenu des documents HTML. diff --git a/files/fr/web/css/_colon_active/index.md b/files/fr/web/css/_colon_active/index.md index be52bb0a06a7f5..98bfaaac8a619a 100644 --- a/files/fr/web/css/_colon_active/index.md +++ b/files/fr/web/css/_colon_active/index.md @@ -19,7 +19,8 @@ La pseudo-classe `:active` est également activée lorsque l'utilisateur emploie La mise en forme associée peut être surchargée par les autres pseudo-classes pour les liens : {{cssxref(":link")}}, {{cssxref(":hover")}} et {{cssxref(":visited")}} lorsqu'elles sont utilisées dans des règles qui suivent. Afin de mettre en forme les liens de façon correcte, la règle avec `:active` doit être écrite après les autres : `:link` — `:visited` — `:hover` — `:active`. -> **Note :** Pour les systèmes qui utilisent une souris avec plusieurs boutons, CSS 3 spécifie que la pseudo-classe `:active` ne doit s'appliquer qu'au bouton principal. Pour les souris de droitiers, c'est généralement le bouton le plus à gauche. +> [!NOTE] +> Pour les systèmes qui utilisent une souris avec plusieurs boutons, CSS 3 spécifie que la pseudo-classe `:active` ne doit s'appliquer qu'au bouton principal. Pour les souris de droitiers, c'est généralement le bouton le plus à gauche. ## Syntaxe diff --git a/files/fr/web/css/_colon_autofill/index.md b/files/fr/web/css/_colon_autofill/index.md index 46e1ac9c0ee9b1..8355db19583897 100644 --- a/files/fr/web/css/_colon_autofill/index.md +++ b/files/fr/web/css/_colon_autofill/index.md @@ -7,7 +7,8 @@ slug: Web/CSS/:autofill La pseudo-classe **`:-webkit-autofill`** correspond à un élément {{HTMLElement("input")}} lorsque sa valeur est remplie automatiquement par le navigateur. -> **Note :** Pour plusieurs navigateurs, les feuilles de style de l'agent utilisateur utilisent `!important` pour les déclarations avec `:-webkit-autofill` ce qui les rend difficilement modifiables sans utiliser JavaScript. +> [!NOTE] +> Pour plusieurs navigateurs, les feuilles de style de l'agent utilisateur utilisent `!important` pour les déclarations avec `:-webkit-autofill` ce qui les rend difficilement modifiables sans utiliser JavaScript. ## Spécifications diff --git a/files/fr/web/css/_colon_blank/index.md b/files/fr/web/css/_colon_blank/index.md index 05e45e8809954a..a864250e33686c 100644 --- a/files/fr/web/css/_colon_blank/index.md +++ b/files/fr/web/css/_colon_blank/index.md @@ -5,7 +5,8 @@ slug: Web/CSS/:blank {{CSSRef}}{{SeeCompatTable}} -> **Note :** Le sélecteur `:blank` est une fonctionnalité considérée risquée car en cours de modification par le CSSWG. Voir [l'_issue_ n°1967 à ce propos](https://github.com/w3c/csswg-drafts/issues/1967). +> [!NOTE] +> Le sélecteur `:blank` est une fonctionnalité considérée risquée car en cours de modification par le CSSWG. Voir [l'_issue_ n°1967 à ce propos](https://github.com/w3c/csswg-drafts/issues/1967). La [pseudo-classe](/fr/docs/Web/CSS/Pseudo-classes) **`:blank`** permet de sélectionner les champs saissables par l'utilisateur et qui sont vides (par exemple des éléments {{HTMLElement("input")}} ou {{HTMLElement("textarea")}} où rien n'a encore été saisi). diff --git a/files/fr/web/css/_colon_checked/index.md b/files/fr/web/css/_colon_checked/index.md index 96e3d8005b4163..0af19bd8bff109 100644 --- a/files/fr/web/css/_colon_checked/index.md +++ b/files/fr/web/css/_colon_checked/index.md @@ -16,7 +16,8 @@ input:checked { } ``` -> **Note :** Les navigateurs considèrent souvent les éléments `
`. +> [!NOTE] +> Les modifications de styles s'appliquent également aux éléments imbriqués, vous pouvez essayer de modifier l'exemple précédent pour cibler le `
`. ## Spécifications diff --git a/files/fr/web/css/_colon_has/index.md b/files/fr/web/css/_colon_has/index.md index 55465c6307c20d..7b39b66b79bd99 100644 --- a/files/fr/web/css/_colon_has/index.md +++ b/files/fr/web/css/_colon_has/index.md @@ -9,7 +9,8 @@ La [pseudo-classe](/fr/docs/Web/CSS/Pseudo-classes) **`:has()`** permet de cible Cette pseudo-classe `:has()` prend en paramètre une liste de sélecteurs. -> **Note :** Pour des raisons de performances et dans la spécification actuelle, [`has()` n'est pas classé comme un sélecteur dynamique](https://drafts.csswg.org/selectors/#live-profile) et peut uniquement être utilisé de façon statique (par exemple avec des fonctions comme {{domxref("document.querySelector()")}}. +> [!NOTE] +> Pour des raisons de performances et dans la spécification actuelle, [`has()` n'est pas classé comme un sélecteur dynamique](https://drafts.csswg.org/selectors/#live-profile) et peut uniquement être utilisé de façon statique (par exemple avec des fonctions comme {{domxref("document.querySelector()")}}. ```js /* Avec cette ligne de JavaScript, on récupère */ diff --git a/files/fr/web/css/_colon_host-context/index.md b/files/fr/web/css/_colon_host-context/index.md index 6994fbe3ef8786..b515794aed5722 100644 --- a/files/fr/web/css/_colon_host-context/index.md +++ b/files/fr/web/css/_colon_host-context/index.md @@ -13,7 +13,8 @@ Autrement dit, cela permet à un élément personnalisé, ou à n'importe quoi a Une utilisation classique consiste à utiliser une expression avec un sélecteur de descendants, par exemple `h1`, afin de cibler uniquement les instances de l'élément personnalisé situées dans un élément `

`. Un autre usage pourrait consister à permettre aux éléments internes de réagir aux classes ou attributs des éléments parmi les ancêtres (par exemple, appliquer une couleur de texte différente lorsqu'une classe `.dark-theme` est appliquée à ``). -> **Note :** Cette pseudo-classe n'a aucun effet si elle est utilisée en dehors d'un DOM sombre. +> [!NOTE] +> Cette pseudo-classe n'a aucun effet si elle est utilisée en dehors d'un DOM sombre. ```css /* Cible l'hôte d'une racine sombre, uniquement si elle diff --git a/files/fr/web/css/_colon_host/index.md b/files/fr/web/css/_colon_host/index.md index d9c24020288630..279b2588b2f224 100644 --- a/files/fr/web/css/_colon_host/index.md +++ b/files/fr/web/css/_colon_host/index.md @@ -7,7 +7,8 @@ slug: Web/CSS/:host La [pseudo-classe](/fr/docs/Web/CSS/Pseudo-classes) **`:host`** permet de cibler l'hôte d'un _[shadow DOM](/fr/docs/Web/Web_Components/Using_shadow_DOM)_ contenant le CSS à utiliser pour cet hôte. Autrement dit, elle permet de sélectionner un élément personnalisé (_custom element_) depuis l'intérieur du _shadow DOM_. -> **Note :** Cette pseudo-classe n'a aucun effet lorsqu'elle est utilisée à l'extérieur d'un _shadow DOM_. +> [!NOTE] +> Cette pseudo-classe n'a aucun effet lorsqu'elle est utilisée à l'extérieur d'un _shadow DOM_. ```css /* Cible la racine d'un hôte de shadow DOM */ diff --git a/files/fr/web/css/_colon_host_function/index.md b/files/fr/web/css/_colon_host_function/index.md index 0556ecabea7f58..69d5518b86857d 100644 --- a/files/fr/web/css/_colon_host_function/index.md +++ b/files/fr/web/css/_colon_host_function/index.md @@ -9,7 +9,8 @@ La fonction de [pseudo-classe](/fr/docs/Web/CSS/Pseudo-classes) **`:host()`** pe Le scénario principal pour utiliser cette fonction consiste à vouloir cibler une certaine classe d'éléments personnalisés : pour cela, on passera la classe comme argument de la fonction `:host()`. Cette fonction ne peut pas être utilisée avec un sélecteur de descendant, pour cela il faudra utiliser {{cssxref(":host-context()")}}. -> **Note :** Cette fonction n'a aucun effet si elle est utilisée en dehors d'un _shadow DOM_. +> [!NOTE] +> Cette fonction n'a aucun effet si elle est utilisée en dehors d'un _shadow DOM_. ```css /* On cible l'hôte du shadow DOM uniquement s'il diff --git a/files/fr/web/css/_colon_hover/index.md b/files/fr/web/css/_colon_hover/index.md index 8f0b7be41cb5cb..15115f8d82b616 100644 --- a/files/fr/web/css/_colon_hover/index.md +++ b/files/fr/web/css/_colon_hover/index.md @@ -19,7 +19,8 @@ La mise en forme ciblée par cette pseudo-classe peut être surchargée par d'au La pseudo-classe `:hover` peut être appliquée à n'importe quel [pseudo-élément](/fr/docs/Web/CSS/Pseudo-elements). {{experimental_inline}} -> **Note :** sur les écrans tactiles, `:hover` est problématique voire impossible. La pseudo-classe `:hover` n'est jamais valide, ou seulement pendant un très court instant après avoir touché l'élément. Puisque les appareils à écrans tactiles sont très courants, il est important que les développeurs web ne placent pas de contenu accessible seulement lors du survol, puisque ce contenu sera caché pour les utilisateurs de tels appareils. +> [!NOTE] +> Sur les écrans tactiles, `:hover` est problématique voire impossible. La pseudo-classe `:hover` n'est jamais valide, ou seulement pendant un très court instant après avoir touché l'élément. Puisque les appareils à écrans tactiles sont très courants, il est important que les développeurs web ne placent pas de contenu accessible seulement lors du survol, puisque ce contenu sera caché pour les utilisateurs de tels appareils. ## Syntaxe @@ -47,7 +48,8 @@ a:hover { {{EmbedLiveSample('Exemples')}} -> **Note :** On peut utiliser la pseudo-classe `:checked` dans une galerie d'images afin d'afficher une version agrandie de l'image lorsqu'on survole la vignette. +> [!NOTE] +> On peut utiliser la pseudo-classe `:checked` dans une galerie d'images afin d'afficher une version agrandie de l'image lorsqu'on survole la vignette. ## Spécifications diff --git a/files/fr/web/css/_colon_in-range/index.md b/files/fr/web/css/_colon_in-range/index.md index 73938fc1ae26c8..7bb01910c33809 100644 --- a/files/fr/web/css/_colon_in-range/index.md +++ b/files/fr/web/css/_colon_in-range/index.md @@ -18,7 +18,8 @@ input:in-range { Cette pseudo-classe s'avère utile lorsqu'on souhaite fournir une indication visuelle quand la valeur est en dehors de la fourchette autorisée. -> **Note :** Cette pseudo-classe ne s'applique qu'aux éléments qui ont des limites de valeurs (autrement dit la valeur doit être comprise dans un intervalle donné). Sans ces limitations, l'élément ne pourra pas être vu comme _dans l'intervalle_ ou _en dehors de l'intervalle_. +> [!NOTE] +> Cette pseudo-classe ne s'applique qu'aux éléments qui ont des limites de valeurs (autrement dit la valeur doit être comprise dans un intervalle donné). Sans ces limitations, l'élément ne pourra pas être vu comme _dans l'intervalle_ ou _en dehors de l'intervalle_. ## Syntaxe diff --git a/files/fr/web/css/_colon_is/index.md b/files/fr/web/css/_colon_is/index.md index 3217a782d09d4e..35fdee08ae69ad 100644 --- a/files/fr/web/css/_colon_is/index.md +++ b/files/fr/web/css/_colon_is/index.md @@ -9,7 +9,8 @@ l10n: La fonction de [pseudo-classe](/fr/docs/Web/CSS/Pseudo-classes) [CSS](/fr/docs/Web/CSS) **`:is()`** prend comme argument une liste de sélecteurs, et cible tous les éléments sélectionnés par chaque sélecteur de cette liste. Cela permet d'écrire des sélecteurs expansifs de façon plus concise. -> **Note :** Cette pseudo-classe avait d'abord été intitulée `:matches()` (puis `:any()`), avant d'être renommée en `:is()` avec [le ticket CSSWG n°3258](https://github.com/w3c/csswg-drafts/issues/3258). +> [!NOTE] +> Cette pseudo-classe avait d'abord été intitulée `:matches()` (puis `:any()`), avant d'être renommée en `:is()` avec [le ticket CSSWG n°3258](https://github.com/w3c/csswg-drafts/issues/3258). {{EmbedInteractiveExample("pages/tabbed/pseudo-class-is.html", "tabbed-shorter")}} diff --git a/files/fr/web/css/_colon_lang/index.md b/files/fr/web/css/_colon_lang/index.md index 3fa29ae7f3055c..398b46c561a611 100644 --- a/files/fr/web/css/_colon_lang/index.md +++ b/files/fr/web/css/_colon_lang/index.md @@ -15,7 +15,8 @@ p:lang(en) { } ``` -> **Note :** En HTML, la langue d'un élément est déterminée par l'attribut [`lang`](/fr/docs/Web/HTML/Global_attributes#lang), l'élément {{HTMLElement("meta")}} et d'autres informations comme les en-têtes HTTP ; pour les autres types de documents, d'autres méthodes peuvent être utilisées. +> [!NOTE] +> En HTML, la langue d'un élément est déterminée par l'attribut [`lang`](/fr/docs/Web/HTML/Global_attributes#lang), l'élément {{HTMLElement("meta")}} et d'autres informations comme les en-têtes HTTP ; pour les autres types de documents, d'autres méthodes peuvent être utilisées. > > Les chaînes de caractères admissibles pour définir des langues sont définies dans la spécification HTML 4.0. diff --git a/files/fr/web/css/_colon_last-child/index.md b/files/fr/web/css/_colon_last-child/index.md index 1e32a7e19d3386..d224ed2d3d7ad6 100644 --- a/files/fr/web/css/_colon_last-child/index.md +++ b/files/fr/web/css/_colon_last-child/index.md @@ -16,7 +16,8 @@ li:last-child { } ``` -> **Note :** En CSS3, l'élément ciblé devait avoir un élément parent, cette restriction a été levée en CSS4. +> [!NOTE] +> En CSS3, l'élément ciblé devait avoir un élément parent, cette restriction a été levée en CSS4. ## Syntaxe diff --git a/files/fr/web/css/_colon_last-of-type/index.md b/files/fr/web/css/_colon_last-of-type/index.md index c76cccc1b172a9..368ddfaadfbb71 100644 --- a/files/fr/web/css/_colon_last-of-type/index.md +++ b/files/fr/web/css/_colon_last-of-type/index.md @@ -15,7 +15,8 @@ p:last-of-type { } ``` -> **Note :** Dans la version initiale de la spécification (CSS3), l'élément ciblé devait avoir un parent, ce n'est plus nécessaire depuis (spécification pour les sélecteurs de CSS4). +> [!NOTE] +> Dans la version initiale de la spécification (CSS3), l'élément ciblé devait avoir un parent, ce n'est plus nécessaire depuis (spécification pour les sélecteurs de CSS4). ## Syntaxe diff --git a/files/fr/web/css/_colon_left/index.md b/files/fr/web/css/_colon_left/index.md index ec3894e47371b5..fb1da5a604413e 100644 --- a/files/fr/web/css/_colon_left/index.md +++ b/files/fr/web/css/_colon_left/index.md @@ -17,7 +17,8 @@ La [pseudo-classe](/fr/docs/Web/CSS/Pseudo-classes) **`:left`**, liée à la rè La position de la page soit à gauche ou à droite dépend de la direction d'écriture globale du document. Par exemple, si la première page est selon la direction « gauche à droite » alors elle sera une page {{cssxref(":right")}}, si elle est définie de « droite à gauche » ce sera une page `:left`. -> **Note :** Il n'est pas possible de changer toutes les propriétés CSS. Seules les propriétés {{cssxref("margin")}}, {{cssxref("padding")}}, {{cssxref("border")}} et {{cssxref("background")}} de **la boîte correspondant à la page** peuvent être modifiées. Toutes les autres propriétés CSS seront ignorées. Seule la boîte correspondant à la page pourra être affectée, le contenu du document ne pourra pas être modifié. +> [!NOTE] +> Il n'est pas possible de changer toutes les propriétés CSS. Seules les propriétés {{cssxref("margin")}}, {{cssxref("padding")}}, {{cssxref("border")}} et {{cssxref("background")}} de **la boîte correspondant à la page** peuvent être modifiées. Toutes les autres propriétés CSS seront ignorées. Seule la boîte correspondant à la page pourra être affectée, le contenu du document ne pourra pas être modifié. ## Syntaxe diff --git a/files/fr/web/css/_colon_link/index.md b/files/fr/web/css/_colon_link/index.md index 3cbd8830b0f602..cff1e85cff1e55 100644 --- a/files/fr/web/css/_colon_link/index.md +++ b/files/fr/web/css/_colon_link/index.md @@ -17,7 +17,8 @@ a:link { Afin que la mise en forme s'applique au mieux, la règle `:link` doit être placée avant les autres : `:link` — `:visited` — `:hover` — `:active`. La pseudo-classe {{cssxref(":focus")}} est habituellement placée juste avant ou juste après `:hover`, en fonction de l'effet désiré. -> **Note :** On utilisera {{cssxref(":any-link")}} pour sélectionner un élément qu'il ait été visité ou non. +> [!NOTE] +> On utilisera {{cssxref(":any-link")}} pour sélectionner un élément qu'il ait été visité ou non. ## Syntaxe diff --git a/files/fr/web/css/_colon_not/index.md b/files/fr/web/css/_colon_not/index.md index f5c8812aa99eeb..98bfe183d8a448 100644 --- a/files/fr/web/css/_colon_not/index.md +++ b/files/fr/web/css/_colon_not/index.md @@ -17,7 +17,7 @@ La [pseudo-classe](/fr/docs/Web/CSS/Pseudo-classes) de négation, **`:not()`**, La [spécificité](/fr/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance) de la pseudo-classe `:not` est la spécificité de son argument. La pseudo-classe de négation n'ajoute pas de spécificité, contrairement aux autres pseudo-classes. -> **Note :** +> [!NOTE] > > - Attention à ne pas écrire de sélecteurs inutiles à l'aide de cette pseudo-classe. Ainsi, `:not(*)` va exclure tous les éléments et ne sera jamais appliqué. > - À l'inverse, il est possible d'augmenter la [spécificitié](/fr/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance) d'un sélecteur. Ainsi. `toto:not(truc)` ciblera les mêmes éléments que `toto`, mais avec une spécificité plus forte. @@ -28,7 +28,8 @@ La [spécificité](/fr/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance) d La pseudo-classe `:not()` prend en argument une liste d'un ou plusieurs sélecteurs séparés par des virgules. Cette liste ne doit pas contenir d'autre sélecteur de négation ou [de pseudo-élément](/fr/docs/Web/CSS/Pseudo-elements). -> **Attention :** la possibilité d'avoir plusieurs sélecteurs est expérimentale et n'est pas encore largement prise en charge. +> [!WARNING] +> La possibilité d'avoir plusieurs sélecteurs est expérimentale et n'est pas encore largement prise en charge. {{csssyntax}} diff --git a/files/fr/web/css/_colon_nth-child/index.md b/files/fr/web/css/_colon_nth-child/index.md index b24fc57c9b2ef2..6b083c249ef0b8 100644 --- a/files/fr/web/css/_colon_nth-child/index.md +++ b/files/fr/web/css/_colon_nth-child/index.md @@ -16,7 +16,8 @@ body :nth-child(4n) { } ``` -> **Note :** Pour CSS3, pour que l'élément soit ciblé, il faut qu'il ait un élément parent. En CSS4, cette restriction a été levée. +> [!NOTE] +> Pour CSS3, pour que l'élément soit ciblé, il faut qu'il ait un élément parent. En CSS4, cette restriction a été levée. Illustrons cela avec quelques exemples : diff --git a/files/fr/web/css/_colon_only-child/index.md b/files/fr/web/css/_colon_only-child/index.md index 910b44c9579b54..741f44e8391187 100644 --- a/files/fr/web/css/_colon_only-child/index.md +++ b/files/fr/web/css/_colon_only-child/index.md @@ -15,7 +15,8 @@ p:only-child { } ``` -> **Note :** En CSS3, pour cibler l'élément, il fallait que celui-ci ait un élément parent. Cette restriction a été levée avec CSS4. +> [!NOTE] +> En CSS3, pour cibler l'élément, il fallait que celui-ci ait un élément parent. Cette restriction a été levée avec CSS4. ## Syntaxe diff --git a/files/fr/web/css/_colon_only-of-type/index.md b/files/fr/web/css/_colon_only-of-type/index.md index 2c522a51136835..b08a3c01f8ccb2 100644 --- a/files/fr/web/css/_colon_only-of-type/index.md +++ b/files/fr/web/css/_colon_only-of-type/index.md @@ -11,7 +11,8 @@ La [pseudo-classe](/fr/docs/Web/CSS/Pseudo-classes) [CSS](/fr/docs/Web/CSS) **`: {{EmbedInteractiveExample("pages/tabbed/pseudo-class-only-of-type.html", "tabbed-shorter")}} -> **Note :** Dans la version initiale de la spécification (CSS3), l'élément ciblé devait avoir un parent, ce n'est plus nécessaire depuis (spécification pour les sélecteurs de niveau 4). +> [!NOTE] +> Dans la version initiale de la spécification (CSS3), l'élément ciblé devait avoir un parent, ce n'est plus nécessaire depuis (spécification pour les sélecteurs de niveau 4). ## Syntaxe diff --git a/files/fr/web/css/_colon_optional/index.md b/files/fr/web/css/_colon_optional/index.md index 48a8b910189001..11def1d27984a2 100644 --- a/files/fr/web/css/_colon_optional/index.md +++ b/files/fr/web/css/_colon_optional/index.md @@ -15,7 +15,8 @@ input:optional { } ``` -> **Note :** Afin de mettre en forme les champs obligatoires, on pourra utiliser la pseudo-classe {{cssxref(":required")}}. +> [!NOTE] +> Afin de mettre en forme les champs obligatoires, on pourra utiliser la pseudo-classe {{cssxref(":required")}}. ## Syntaxe diff --git a/files/fr/web/css/_colon_out-of-range/index.md b/files/fr/web/css/_colon_out-of-range/index.md index 518a8d56c66d50..caa3758033c545 100644 --- a/files/fr/web/css/_colon_out-of-range/index.md +++ b/files/fr/web/css/_colon_out-of-range/index.md @@ -16,7 +16,8 @@ input:out-of-range { } ``` -> **Note :** Cette pseudo-classe s'applique seulement aux éléments qui ont des valeurs limites. +> [!NOTE] +> Cette pseudo-classe s'applique seulement aux éléments qui ont des valeurs limites. ## Syntaxe diff --git a/files/fr/web/css/_colon_read-only/index.md b/files/fr/web/css/_colon_read-only/index.md index 389cbee3b60442..a0e4a0c9c44dd7 100644 --- a/files/fr/web/css/_colon_read-only/index.md +++ b/files/fr/web/css/_colon_read-only/index.md @@ -22,7 +22,8 @@ input:read-only { } ``` -> **Note :** Ce sélecteur ne permet pas de cibler que les éléments {{HTMLElement("input")}} ou {{HTMLElement("textarea")}} avec [`readonly`](/fr/docs/Web/HTML/Element/input#readonly). Il permet de sélectionner n'importe quel élément qui ne peut pas être édité par l'utilisateur. +> [!NOTE] +> Ce sélecteur ne permet pas de cibler que les éléments {{HTMLElement("input")}} ou {{HTMLElement("textarea")}} avec [`readonly`](/fr/docs/Web/HTML/Element/input#readonly). Il permet de sélectionner n'importe quel élément qui ne peut pas être édité par l'utilisateur. ## Syntaxe diff --git a/files/fr/web/css/_colon_read-write/index.md b/files/fr/web/css/_colon_read-write/index.md index 591292fd18169a..c618dfd2d02a92 100644 --- a/files/fr/web/css/_colon_read-write/index.md +++ b/files/fr/web/css/_colon_read-write/index.md @@ -20,7 +20,8 @@ input:read-write { } ``` -> **Note :** Ce sélecteur ne sélectionne pas que les champs de saisie textuels ({{HTMLElement("input")}} ou {{HTMLElement("textarea")}}). Il permet de sélectionner n'importe quel élément qui peut être édité par l'utilisateur (par exemple un élément {{htmlelement("p")}} avec un attribut [`contenteditable`](/fr/docs/Web/HTML/Global_attributes#contenteditable)). +> [!NOTE] +> Ce sélecteur ne sélectionne pas que les champs de saisie textuels ({{HTMLElement("input")}} ou {{HTMLElement("textarea")}}). Il permet de sélectionner n'importe quel élément qui peut être édité par l'utilisateur (par exemple un élément {{htmlelement("p")}} avec un attribut [`contenteditable`](/fr/docs/Web/HTML/Global_attributes#contenteditable)). ## Syntaxe diff --git a/files/fr/web/css/_colon_required/index.md b/files/fr/web/css/_colon_required/index.md index 2f4055240a39fa..3979cc835f36bc 100644 --- a/files/fr/web/css/_colon_required/index.md +++ b/files/fr/web/css/_colon_required/index.md @@ -15,7 +15,8 @@ input:required { } ``` -> **Note :** La pseudo-classe {{cssxref(":optional")}} pourra être utilisée pour mettre en forme les champs facultatifs. +> [!NOTE] +> La pseudo-classe {{cssxref(":optional")}} pourra être utilisée pour mettre en forme les champs facultatifs. ## Syntaxe diff --git a/files/fr/web/css/_colon_right/index.md b/files/fr/web/css/_colon_right/index.md index 9be1089425c62b..f5420df127a273 100644 --- a/files/fr/web/css/_colon_right/index.md +++ b/files/fr/web/css/_colon_right/index.md @@ -17,7 +17,8 @@ La [pseudo-classe](/fr/docs/Web/CSS/Pseudo-classes) **`:right`**, liée à la r La position de la page (à gauche ou à droite) dépend de la direction d'écriture appliquée au document. Si la première page est écrite de la gauche vers la droite, alors ce sera une page droite, sinon ce sera une page gauche (qui pourra alors être ciblée avec {{cssxref(":left")}}). -> **Note :** Il n'est pas possible de modifier toutes les propriétés CSS. Seules les propriétés {{cssxref("margin")}}, {{cssxref("padding")}}, {{cssxref("border")}}, and {{cssxref("background")}} **de la boîte correspondant à la page** peuvent être modifiées. Toutes les autres propriétés CSS seront ignorées, et seulement la boîte correspondant à la page, et en aucun cas le contenu du document pourront être affectés. +> [!NOTE] +> Il n'est pas possible de modifier toutes les propriétés CSS. Seules les propriétés {{cssxref("margin")}}, {{cssxref("padding")}}, {{cssxref("border")}}, and {{cssxref("background")}} **de la boîte correspondant à la page** peuvent être modifiées. Toutes les autres propriétés CSS seront ignorées, et seulement la boîte correspondant à la page, et en aucun cas le contenu du document pourront être affectés. ## Syntaxe diff --git a/files/fr/web/css/_colon_target/index.md b/files/fr/web/css/_colon_target/index.md index 1c75e9c282fd55..14fa46d232dc2f 100644 --- a/files/fr/web/css/_colon_target/index.md +++ b/files/fr/web/css/_colon_target/index.md @@ -27,7 +27,8 @@ L'élément suivant sera donc ciblé par le sélecteur `:target` avec l'URL pré
Exemple
``` -> **Note :** L'attribut `id` a été ajouté avec HTML 4 (décembre 1997). Dans les anciennes versions de HTML, `` était nécessairement l'élément cible. La pseudo-classe `:target` permet également de gérer ces cibles. +> [!NOTE] +> L'attribut `id` a été ajouté avec HTML 4 (décembre 1997). Dans les anciennes versions de HTML, `` était nécessairement l'élément cible. La pseudo-classe `:target` permet également de gérer ces cibles. ## Syntaxe diff --git a/files/fr/web/css/_colon_user-valid/index.md b/files/fr/web/css/_colon_user-valid/index.md index 1a7f46af33e98b..ff8986385cc9c0 100644 --- a/files/fr/web/css/_colon_user-valid/index.md +++ b/files/fr/web/css/_colon_user-valid/index.md @@ -9,7 +9,8 @@ l10n: La [pseudo-classe](/fr/docs/Web/CSS/Pseudo-classes) CSS **`:user-valid`** représente tout élément de formulaire validé donc la valeur respecte [la validation des contraintes](/fr/docs/Learn/Forms#constraint_validation). Toutefois, à la différence de [`:valid`](/fr/docs/Web/CSS/:valid), cette pseudo-classe ne cible l'élément qu'après que la personne a interagi avec. -> **Note :** Cette pseudo-classe se comporte de la même façon que la pseudo-classe non-standard `:-moz-ui-valid`. +> [!NOTE] +> Cette pseudo-classe se comporte de la même façon que la pseudo-classe non-standard `:-moz-ui-valid`. Cette pseudo-classe s'applique selon les règles suivantes : diff --git a/files/fr/web/css/_colon_where/index.md b/files/fr/web/css/_colon_where/index.md index b1c9b6ffd90935..505e8743e366da 100644 --- a/files/fr/web/css/_colon_where/index.md +++ b/files/fr/web/css/_colon_where/index.md @@ -125,7 +125,8 @@ Cela ne fonctionnera pas pour les liens rouges, car les sélecteurs à l'intéri Cependant, les sélecteurs à l'intérieur de `:where()` ont une spécificité à 0, et le lien orange du pied de page sera surchargé par le sélecteur simple. -> **Note :** Vous pouvez également consulter [cet exemple sur GitHub](https://mdn.github.io/css-examples/is-where/). +> [!NOTE] +> Vous pouvez également consulter [cet exemple sur GitHub](https://mdn.github.io/css-examples/is-where/). {{EmbedLiveSample('', '100%', 600)}} diff --git a/files/fr/web/css/_doublecolon_-moz-color-swatch/index.md b/files/fr/web/css/_doublecolon_-moz-color-swatch/index.md index bb95e2e2c607cb..4f4e589dd9f6b1 100644 --- a/files/fr/web/css/_doublecolon_-moz-color-swatch/index.md +++ b/files/fr/web/css/_doublecolon_-moz-color-swatch/index.md @@ -7,7 +7,8 @@ slug: Web/CSS/::-moz-color-swatch Le [pseudo-élément](/fr/docs/Web/CSS/Pseudo-elements) **`::-moz-color-swatch`** est [un pseudo-élément spécifique à Mozilla](/fr/docs/Web/CSS/Extensions_Mozilla) qui représente la couleur sélectionnée d'un élément {{HTMLElement("input")}} avec `type="color"`. -> **Note :** Utiliser `::-moz-color-swatch` sur tout autre élément qu'un `` n'aura aucun effet. +> [!NOTE] +> Utiliser `::-moz-color-swatch` sur tout autre élément qu'un `` n'aura aucun effet. ## Syntaxe diff --git a/files/fr/web/css/_doublecolon_-moz-focus-inner/index.md b/files/fr/web/css/_doublecolon_-moz-focus-inner/index.md index e880b0f9cf3104..c2402f963ebaf6 100644 --- a/files/fr/web/css/_doublecolon_-moz-focus-inner/index.md +++ b/files/fr/web/css/_doublecolon_-moz-focus-inner/index.md @@ -9,7 +9,8 @@ l10n: Le [pseudo-élément](/fr/docs/Web/CSS/Pseudo-elements) [CSS](/fr/docs/Web/CSS) **`::-moz-focus-inner`** est [une extension spécifique à Mozilla](/fr/docs/Web/CSS/Mozilla_Extensions) qui représente le contour interne pour le focus sur les éléments [`