You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
type: "paragraph"
summary: "En proposant des feuilles de style alternatives, une page web permet à ses utilisateurs de pouvoir choisir parmi différentes version d'une page selon leurs besoins ou leurs préférences."
locale: "fr"
rowIndex: 2
shouldWrap: true
children:
type: "text"
value: "{{U3BlY05hbWUoJ0hUTUwgV0hBVFdHJywgJ3NlbWFudGljcy5odG1sI2xpbmstdHlwZS1zdHlsZXNoZWV0JywgJ0xpbmsgdHlwZSAic3R5bGVzaGVldCInKQ==}}"
type: "break"
type: "text"
value: "{{U3BlY05hbWUoJ0hUTUwgV0hBVFdHJywgJ3NlbWFudGljcy5odG1sI2F0dHItc3R5bGUtdGl0bGUnLCAnVGhlIHN0eWxlIGVsZW1lbnQnKQ==}}"
type: "break"
type: "text"
value: "{{U3BlY05hbWUoJ0hUTUwgV0hBVFdHJywgJ3NlbWFudGljcy5odG1sI2F0dHItbWV0YS1odHRwLWVxdWl2LWRlZmF1bHQtc3R5bGUnLCAnRGVmYXVsdCBzdHlsZSBzdGF0ZSAoaHR0cC1lcXVpdj0iZGVmYXVsdC1zdHlsZSIpJyk=}}"
type: "html"
value: "<tr><td><p>{{U3BlY05hbWUoJ0hUTUwgV0hBVFdHJywgJ3NlbWFudGljcy5odG1sI2xpbmstdHlwZS1zdHlsZXNoZWV0JywgJ0xpbmsgdHlwZSAic3R5bGVzaGVldCInKQ==}}<br>{{U3BlY05hbWUoJ0hUTUwgV0hBVFdHJywgJ3NlbWFudGljcy5odG1sI2F0dHItc3R5bGUtdGl0bGUnLCAnVGhlIHN0eWxlIGVsZW1lbnQnKQ==}}<br>{{U3BlY05hbWUoJ0hUTUwgV0hBVFdHJywgJ3NlbWFudGljcy5odG1sI2F0dHItbWV0YS1odHRwLWVxdWl2LWRlZmF1bHQtc3R5bGUnLCAnRGVmYXVsdCBzdHlsZSBzdGF0ZSAoaHR0cC1lcXVpdj0iZGVmYXVsdC1zdHlsZSIpJyk=}}</p></td><td>{{U3BlYzIoJ0hUTUwgV0hBVFdHJyk=}}</td><td>La spécification HTML définit quand et comment <strong><dfn>créer un algorithme déterminant la feuille de style CSS</dfn></strong><dfn> et qui gère les éléments <code><link></code> et <code><style></code>. Elle définit également le comportement de <code><meta </code></dfn><code>http-equiv=\"default-style\"></code>.</td></tr>"
type: "html"
value: "<td><img src=\"angle90.png\"></td>",type: "html"
value: "<td><p>Un angle droit orienté dans le sens horaire : <code>90deg = 100grad = 0.25turn ≈ 1.5708rad</code></p></td>"
td (60:4) => tableCell
type: "paragraph"
summary: "Le type de données CSS <angle> permet de représenter des angles exprimés en degrés, radians, grades ou tours. Les angles positifs sont des angles allant dans le sens horaire et les valeurs négatives sont des angles allant dans le sens anti-horaire. Les angles sont par exemples utilisés pour les transformations CSS ({{Y3NzeHJlZigidHJhbnNmb3JtIik=}}) ou les dégradés ({{Y3NzeHJlZigiJmx0O2dyYWRpZW50Jmd0OyIp}})."
locale: "fr"
rowIndex: 3
shouldWrap: true
children:
type: "text"
value: "Un angle nul : "
type: "inlineCode"
value: "0 = 0deg = 0grad = 0turn = 0rad",type: "blockquote"
children:
type: "paragraph"
children:
type: "strong"
children:
type: "text"
value: "Note :"
type: "text"
value: "Si, dans l'absolu, on peut exprimer la valeur nulle sans unité, il est fortement recommandé d'indiquer l'unité afin de lever toute ambiguïté possible entre les angles et les longueurs."
tr (58:3) => tableRow
type: "html"
value: "<td><p>Un angle nul : <code>0 = 0deg = 0grad = 0turn = 0rad</code></p><div class=\"note\"><p><strong>Note :</strong>Si, dans l'absolu, on peut exprimer la valeur nulle sans unité, il est fortement recommandé d'indiquer l'unité afin de lever toute ambiguïté possible entre les angles et les longueurs.</p></div></td>"
table (42:1) => table
type: "html"
value: "<tr><td><img src=\"angle90.png\"></td><td><p>Un angle droit orienté dans le sens horaire : <code>90deg = 100grad = 0.25turn ≈ 1.5708rad</code></p></td></tr>",type: "html"
value: "<tr><td><img src=\"angle0.png\"></td><td><p>Un angle nul : <code>0 = 0deg = 0grad = 0turn = 0rad</code></p><div class=\"note\"><p><strong>Note :</strong>Si, dans l'absolu, on peut exprimer la valeur nulle sans unité, il est fortement recommandé d'indiquer l'unité afin de lever toute ambiguïté possible entre les angles et les longueurs.</p></div></td></tr>"
type: "paragraph"
summary: "La fonction attr() est utilisée afin de récupérer la valeur d'un attribut d'un élément pour l'utiliser dans la feuille de style. Cette fonction peut également être utilisée sur les pseudo-éléments auquel cas c'est la valeur correspondant à l'élément source qui est renvoyée."
locale: "fr"
rowIndex: 6
shouldWrap: true
children:
type: "text"
value: "La valeur de l'attribut est analysée comme une longueur ({{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}}) et inclut l'unité (par exemple "
type: "inlineCode"
value: "12.5em"
type: "text"
value: "). Si la valeur n'est pas valide (si ce n'est pas une longueur ou que celle-ci sort de l'intervalle autorisé par la propriété), ce sera la valeur par défaut qui sera utilisée."
type: "break"
type: "text"
value: "Si l'unité fournie est une unité relative, "
type: "inlineCode"
value: "attr()"
type: "text"
value: " calculera la valeur absolue correspondante. Les blancs en début et en fin de chaîne sont supprimés."
tr (87:4) => tableRow
type: "html"
value: "<td><p>La valeur de l'attribut est analysée comme une longueur ({{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}}) et inclut l'unité (par exemple <code>12.5em</code>). Si la valeur n'est pas valide (si ce n'est pas une longueur ou que celle-ci sort de l'intervalle autorisé par la propriété), ce sera la valeur par défaut qui sera utilisée.<br>Si l'unité fournie est une unité relative, <code>attr()</code> calculera la valeur absolue correspondante. Les blancs en début et en fin de chaîne sont supprimés.</p></td>"
td (114:5) => tableCell
type: "paragraph"
summary: "La fonction attr() est utilisée afin de récupérer la valeur d'un attribut d'un élément pour l'utiliser dans la feuille de style. Cette fonction peut également être utilisée sur les pseudo-éléments auquel cas c'est la valeur correspondant à l'élément source qui est renvoyée."
locale: "fr"
rowIndex: 9
shouldWrap: true
children:
type: "text"
value: "La valeur de l'attribut est analysée comme un nombre ({{Y3NzeHJlZigiJmx0O251bWJlciZndDsiKQ==}}) (il n'y a pas d'unité) et est interprétée comme un angle ({{Y3NzeHJlZigiJmx0O2FuZ2xlJmd0OyIp}}) avec l'unité indiquée en paramètre. Si la vlaeur n'est pas vliade (ce n'est pas un nombre ou celui-ci sort de l'intervalle autorisé par la propriété), ce sera la valeur par défaut qui sera utilisée."
type: "break"
type: "text"
value: "Les blancs en début et en fin de chaîne sont supprimés."
tr (111:4) => tableRow
type: "html"
value: "<td><p>La valeur de l'attribut est analysée comme un nombre ({{Y3NzeHJlZigiJmx0O251bWJlciZndDsiKQ==}}) (il n'y a pas d'unité) et est interprétée comme un angle ({{Y3NzeHJlZigiJmx0O2FuZ2xlJmd0OyIp}}) avec l'unité indiquée en paramètre. Si la vlaeur n'est pas vliade (ce n'est pas un nombre ou celui-ci sort de l'intervalle autorisé par la propriété), ce sera la valeur par défaut qui sera utilisée.<br>Les blancs en début et en fin de chaîne sont supprimés.</p></td>"
table.standard-table (44:2) => table
type: "html"
value: "<tr><td><code>length</code> {{ZXhwZXJpbWVudGFsX2lubGluZQ==}}</td><td>{{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}}</td><td><p>La valeur de l'attribut est analysée comme une longueur ({{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}}) et inclut l'unité (par exemple <code>12.5em</code>). Si la valeur n'est pas valide (si ce n'est pas une longueur ou que celle-ci sort de l'intervalle autorisé par la propriété), ce sera la valeur par défaut qui sera utilisée.<br>Si l'unité fournie est une unité relative, <code>attr()</code> calculera la valeur absolue correspondante. Les blancs en début et en fin de chaîne sont supprimés.</p></td><td><code>0</code>, ou, si <code>0</code> n'est pas valide, la valeur minimale de la propriété.</td></tr>",type: "html"
value: "<tr><td><code>deg</code>, <code>grad</code>, <code>rad</code> {{ZXhwZXJpbWVudGFsX2lubGluZQ==}}</td><td>{{Y3NzeHJlZigiJmx0O2FuZ2xlJmd0OyIp}}</td><td><p>La valeur de l'attribut est analysée comme un nombre ({{Y3NzeHJlZigiJmx0O251bWJlciZndDsiKQ==}}) (il n'y a pas d'unité) et est interprétée comme un angle ({{Y3NzeHJlZigiJmx0O2FuZ2xlJmd0OyIp}}) avec l'unité indiquée en paramètre. Si la vlaeur n'est pas vliade (ce n'est pas un nombre ou celui-ci sort de l'intervalle autorisé par la propriété), ce sera la valeur par défaut qui sera utilisée.<br>Les blancs en début et en fin de chaîne sont supprimés.</p></td><td><code>0deg</code>, ou, si <code>0deg</code> n'est pas valide, la valeur minimale de la propriété.</td></tr>"
type: "html"
value: "<td><strong>Une seule valeur</strong></td>",type: "html"
value: "<td><strong>Équivalent avec deux-valeurs</strong></td>"
table.standard-table (48:2) => table
type: "html"
value: "<tr><td><strong>Une seule valeur</strong></td><td><strong>Équivalent avec deux-valeurs</strong></td></tr>"
tr (83:4) => tableRow
type: "html"
value: "<td><code>repeat</code></td>",type: "html"
value: "<td>L'image est répétée autant de fois que nécessaire pour recouvrir la zone dédiée à l'arrière-plan. La dernière image sera rognée si nécessaire.</td>"
table.standard-table (81:2) => table
type: "html"
value: "<tr><td><code>repeat</code></td><td>L'image est répétée autant de fois que nécessaire pour recouvrir la zone dédiée à l'arrière-plan. La dernière image sera rognée si nécessaire.</td></tr>"
type: "html"
value: "<td><code>none</code></td>",type: "html"
value: "<td>L'effet obtenu est le même qu'avec <code>hidden</code> : aucune bordure n'est affichée. Dans ce cas, sauf si une image d'arrière-plan est définie, la valeur calculée de {{Y3NzeHJlZigiYm9yZGVyLWJvdHRvbS13aWR0aCIp}} sera <code>0</code>, même si cette dernière indique une autre valeur. Lorsqu'utilisée sur une cellule d'un tableau avec la fusion des bordures, <code>none</code> a la priorité la plus basse donc si une autre bordure est définie et fusionne avec celle-ci, elle sera affichée.</td>"
td (86:5) => tableCell
type: "paragraph"
summary: "La propriété border-bottom-style définit le style de ligne utilisé pour mettre en forme la bordure en bas d'une boîte."
locale: "fr"
rowIndex: 9
shouldWrap: true
children:
type: "text"
value: "La bordure crée un effet 3D qui fait ressortir la boîte (l'effet est opposé à "
type: "inlineCode"
value: "inset"
type: "text"
value: "). Lorsqu'elle est utilisé sur une cellule de tableau avec {{Y3NzeHJlZigiYm9yZGVyLWNvbGxhcHNlIik=}} qui vaut "
type: "inlineCode"
value: "collapsed"
type: "text"
value: ", cette valeur se comporte comme "
type: "inlineCode"
value: "ridge"
type: "text"
value: "."
tr (84:4) => tableRow
type: "html"
value: "<td><p>La bordure crée un effet 3D qui fait ressortir la boîte (l'effet est opposé à <code>inset</code>). Lorsqu'elle est utilisé sur une cellule de tableau avec {{Y3NzeHJlZigiYm9yZGVyLWNvbGxhcHNlIik=}} qui vaut <code>collapsed</code>, cette valeur se comporte comme <code>ridge</code>.</p></td>"
table.standard-table (46:2) => table
type: "html"
value: "<tr><td><code>none</code></td><td>L'effet obtenu est le même qu'avec <code>hidden</code> : aucune bordure n'est affichée. Dans ce cas, sauf si une image d'arrière-plan est définie, la valeur calculée de {{Y3NzeHJlZigiYm9yZGVyLWJvdHRvbS13aWR0aCIp}} sera <code>0</code>, même si cette dernière indique une autre valeur. Lorsqu'utilisée sur une cellule d'un tableau avec la fusion des bordures, <code>none</code> a la priorité la plus basse donc si une autre bordure est définie et fusionne avec celle-ci, elle sera affichée.</td></tr>",type: "html"
value: "<tr><td><code>outset</code></td><td><p>La bordure crée un effet 3D qui fait ressortir la boîte (l'effet est opposé à <code>inset</code>). Lorsqu'elle est utilisé sur une cellule de tableau avec {{Y3NzeHJlZigiYm9yZGVyLWNvbGxhcHNlIik=}} qui vaut <code>collapsed</code>, cette valeur se comporte comme <code>ridge</code>.</p></td></tr>"
type: "html"
value: "<td><code>none</code></td>",type: "html"
value: "<td>L'effet obtenu est le même qu'avec <code>hidden</code> : aucune bordure n'est affichée. Dans ce cas, sauf si une image d'arrière-plan est définie, la valeur calculée de {{Y3NzeHJlZigiYm9yZGVyLWxlZnQtd2lkdGgiKQ==}} sera <code>0</code>, même si cette dernière indique une autre valeur. Lorsqu'utilisée sur une cellule d'un tableau avec la fusion des bordures, <code>none</code> a la priorité la plus basse donc si une autre bordure est définie et fusionne avec celle-ci, elle sera affichée.</td>"
td (86:5) => tableCell
type: "paragraph"
summary: "La propriété border-left-style définit le style de ligne utilisé pour mettre en forme la bordure sur le côté gauche d'une boîte."
locale: "fr"
rowIndex: 9
shouldWrap: true
children:
type: "text"
value: "La bordure crée un effet 3D qui fait ressortir la boîte (l'effet est opposé à "
type: "inlineCode"
value: "inset"
type: "text"
value: "). Lorsqu'elle est utilisé sur une cellule de tableau avec {{Y3NzeHJlZigiYm9yZGVyLWNvbGxhcHNlIik=}} qui vaut "
type: "inlineCode"
value: "collapsed"
type: "text"
value: ", cette valeur se comporte comme "
type: "inlineCode"
value: "ridge"
type: "text"
value: "."
tr (84:4) => tableRow
type: "html"
value: "<td><p>La bordure crée un effet 3D qui fait ressortir la boîte (l'effet est opposé à <code>inset</code>). Lorsqu'elle est utilisé sur une cellule de tableau avec {{Y3NzeHJlZigiYm9yZGVyLWNvbGxhcHNlIik=}} qui vaut <code>collapsed</code>, cette valeur se comporte comme <code>ridge</code>.</p></td>"
table.standard-table (46:2) => table
type: "html"
value: "<tr><td><code>none</code></td><td>L'effet obtenu est le même qu'avec <code>hidden</code> : aucune bordure n'est affichée. Dans ce cas, sauf si une image d'arrière-plan est définie, la valeur calculée de {{Y3NzeHJlZigiYm9yZGVyLWxlZnQtd2lkdGgiKQ==}} sera <code>0</code>, même si cette dernière indique une autre valeur. Lorsqu'utilisée sur une cellule d'un tableau avec la fusion des bordures, <code>none</code> a la priorité la plus basse donc si une autre bordure est définie et fusionne avec celle-ci, elle sera affichée.</td></tr>",type: "html"
value: "<tr><td><code>outset</code></td><td><p>La bordure crée un effet 3D qui fait ressortir la boîte (l'effet est opposé à <code>inset</code>). Lorsqu'elle est utilisé sur une cellule de tableau avec {{Y3NzeHJlZigiYm9yZGVyLWNvbGxhcHNlIik=}} qui vaut <code>collapsed</code>, cette valeur se comporte comme <code>ridge</code>.</p></td></tr>"
type: "html"
value: "<td style=\"vertical-align: top;\">Une seule valeur</td>",type: "html"
value: "<td><img src=\"all-corner.png\"></td>",type: "html"
value: "<td style=\"vertical-align: top;\">Une valeur de longueur (type {{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}}) ou un pourcentage (type {{Y3NzeHJlZigiJmx0O3BlcmNlbnRhZ2UmZ3Q7Iik=}}) qui indique le rayon à utiliser pour chaque coin lorsqu'on utilise une seule valeur dans la déclaration.</td>"
tr (101:3) => tableRow
type: "html"
value: "<td style=\"vertical-align: top;\">Deux valeurs (coin en haut à gauche et en bas à droite)</td>",type: "html"
value: "<td style=\"vertical-align: top;\">Une valeur de longueur (type {{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}}) ou un pourcentage (type {{Y3NzeHJlZigiJmx0O3BlcmNlbnRhZ2UmZ3Q7Iik=}}) qui indique le rayon de courbure à utiliser pour le coin en haut à gauche et le coin en bas à droite de la boîte de bordure lorsqu'on utilise deux valeurs dans la déclaration.</td>"
tr (106:3) => tableRow
type: "html"
value: "<td style=\"vertical-align: top;\">Coin en haut à droite et en bas à gauche (syntaxe à deux et trois valeurs)</td>",type: "html"
value: "<td style=\"vertical-align: top;\">Une valeur de longueur (type {{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}}) ou un pourcentage (type {{Y3NzeHJlZigiJmx0O3BlcmNlbnRhZ2UmZ3Q7Iik=}}) qui indique le rayon de courbure à utiliser pour le coin en haut à droite et le coin en bas à gauche de la boîte de bordure lorsqu'on utilise deux ou trois valeurs dans la déclaration.</td>"
tr (111:3) => tableRow
type: "html"
value: "<td style=\"vertical-align: top;\">Coin en haut à gauche</td>",type: "html"
value: "<td style=\"vertical-align: top;\">Une valeur de longueur (type {{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}}) ou un pourcentage (type {{Y3NzeHJlZigiJmx0O3BlcmNlbnRhZ2UmZ3Q7Iik=}}) qui indique le rayon de courbure à utiliser pour le coin en haut à gauche de l'élément. Cette valeur est utilisée lorsqu'on utilise la syntaxe avec trois ou quatre valeurs.</td>"
tr (116:3) => tableRow
type: "html"
value: "<td style=\"vertical-align: top;\">Coin en haut à droite</td>",type: "html"
value: "<td style=\"margin-left: 2px;\"><img src=\"top-right.png\"></td>",type: "html"
value: "<td style=\"vertical-align: top;\">Une valeur de longueur (type {{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}}) ou un pourcentage (type {{Y3NzeHJlZigiJmx0O3BlcmNlbnRhZ2UmZ3Q7Iik=}}) qui indique le rayon de courbure à utiliser pour le coin en haut à droite de l'élément. Cette valeur est utilisée lorsqu'on utilise la syntaxe avec quatre valeurs.</td>"
tr (121:3) => tableRow
type: "html"
value: "<td style=\"vertical-align: top;\">Coin en bas à droite</td>",type: "html"
value: "<td style=\"margin-left: 2px;\"><img src=\"bottom-rigth.png\"></td>",type: "html"
value: "<td style=\"vertical-align: top;\">Une valeur de longueur (type {{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}}) ou un pourcentage (type {{Y3NzeHJlZigiJmx0O3BlcmNlbnRhZ2UmZ3Q7Iik=}}) qui indique le rayon de courbure à utiliser pour le coin en bas à droite de l'élément. Cette valeur est utilisée lorsqu'on utilise la syntaxe avec trois ou quatre valeurs.</td>"
tr (126:3) => tableRow
type: "html"
value: "<td style=\"vertical-align: top;\">Coin en bas à gauche</td>",type: "html"
value: "<td style=\"vertical-align: top;\">Une valeur de longueur (type {{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}}) ou un pourcentage (type {{Y3NzeHJlZigiJmx0O3BlcmNlbnRhZ2UmZ3Q7Iik=}}) qui indique le rayon de courbure à utiliser pour le coin en bas à gauche de l'élément. Cette valeur est utilisée lorsqu'on utilise la syntaxe avec quatre valeurs.</td>"
table (94:1) => table
type: "html"
value: "<tr><td style=\"vertical-align: top;\">Une seule valeur</td><td><img src=\"all-corner.png\"></td><td style=\"vertical-align: top;\">Une valeur de longueur (type {{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}}) ou un pourcentage (type {{Y3NzeHJlZigiJmx0O3BlcmNlbnRhZ2UmZ3Q7Iik=}}) qui indique le rayon à utiliser pour chaque coin lorsqu'on utilise une seule valeur dans la déclaration.</td></tr>",type: "html"
value: "<tr><td style=\"vertical-align: top;\">Deux valeurs (coin en haut à gauche et en bas à droite)</td><td><img src=\"top-left-bottom-right.png\"></td><td style=\"vertical-align: top;\">Une valeur de longueur (type {{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}}) ou un pourcentage (type {{Y3NzeHJlZigiJmx0O3BlcmNlbnRhZ2UmZ3Q7Iik=}}) qui indique le rayon de courbure à utiliser pour le coin en haut à gauche et le coin en bas à droite de la boîte de bordure lorsqu'on utilise deux valeurs dans la déclaration.</td></tr>",type: "html"
value: "<tr><td style=\"vertical-align: top;\">Coin en haut à droite et en bas à gauche (syntaxe à deux et trois valeurs)</td><td><img src=\"top-right-bottom-left.png\"></td><td style=\"vertical-align: top;\">Une valeur de longueur (type {{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}}) ou un pourcentage (type {{Y3NzeHJlZigiJmx0O3BlcmNlbnRhZ2UmZ3Q7Iik=}}) qui indique le rayon de courbure à utiliser pour le coin en haut à droite et le coin en bas à gauche de la boîte de bordure lorsqu'on utilise deux ou trois valeurs dans la déclaration.</td></tr>",type: "html"
value: "<tr><td style=\"vertical-align: top;\">Coin en haut à gauche</td><td><img src=\"top-left.png\"></td><td style=\"vertical-align: top;\">Une valeur de longueur (type {{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}}) ou un pourcentage (type {{Y3NzeHJlZigiJmx0O3BlcmNlbnRhZ2UmZ3Q7Iik=}}) qui indique le rayon de courbure à utiliser pour le coin en haut à gauche de l'élément. Cette valeur est utilisée lorsqu'on utilise la syntaxe avec trois ou quatre valeurs.</td></tr>",type: "html"
value: "<tr><td style=\"vertical-align: top;\">Coin en haut à droite</td><td style=\"margin-left: 2px;\"><img src=\"top-right.png\"></td><td style=\"vertical-align: top;\">Une valeur de longueur (type {{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}}) ou un pourcentage (type {{Y3NzeHJlZigiJmx0O3BlcmNlbnRhZ2UmZ3Q7Iik=}}) qui indique le rayon de courbure à utiliser pour le coin en haut à droite de l'élément. Cette valeur est utilisée lorsqu'on utilise la syntaxe avec quatre valeurs.</td></tr>",type: "html"
value: "<tr><td style=\"vertical-align: top;\">Coin en bas à droite</td><td style=\"margin-left: 2px;\"><img src=\"bottom-rigth.png\"></td><td style=\"vertical-align: top;\">Une valeur de longueur (type {{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}}) ou un pourcentage (type {{Y3NzeHJlZigiJmx0O3BlcmNlbnRhZ2UmZ3Q7Iik=}}) qui indique le rayon de courbure à utiliser pour le coin en bas à droite de l'élément. Cette valeur est utilisée lorsqu'on utilise la syntaxe avec trois ou quatre valeurs.</td></tr>",type: "html"
value: "<tr><td style=\"vertical-align: top;\">Coin en bas à gauche</td><td><img src=\"bottom-left.png\"></td><td style=\"vertical-align: top;\">Une valeur de longueur (type {{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}}) ou un pourcentage (type {{Y3NzeHJlZigiJmx0O3BlcmNlbnRhZ2UmZ3Q7Iik=}}) qui indique le rayon de courbure à utiliser pour le coin en bas à gauche de l'élément. Cette valeur est utilisée lorsqu'on utilise la syntaxe avec quatre valeurs.</td></tr>"
type: "html"
value: "<td><code>none</code></td>",type: "html"
value: "<td>L'effet obtenu est le même qu'avec <code>hidden</code> : aucune bordure n'est affichée. Dans ce cas, sauf si une image d'arrière-plan est définie, la valeur calculée de {{Y3NzeHJlZigiYm9yZGVyLXJpZ2h0LXdpZHRoIik=}} sera <code>0</code>, même si cette dernière indique une autre valeur. Lorsqu'utilisée sur une cellule d'un tableau avec la fusion des bordures, <code>none</code> a la priorité la plus basse donc si une autre bordure est définie et fusionne avec celle-ci, elle sera affichée.</td>"
td (86:5) => tableCell
type: "paragraph"
summary: "La propriété border-right-style définit le style de ligne utilisé pour mettre en forme la bordure sur le côté droit d'une boîte."
locale: "fr"
rowIndex: 9
shouldWrap: true
children:
type: "text"
value: "La bordure crée un effet 3D qui fait ressortir la boîte (l'effet est opposé à "
type: "inlineCode"
value: "inset"
type: "text"
value: "). Lorsqu'elle est utilisé sur une cellule de tableau avec {{Y3NzeHJlZigiYm9yZGVyLWNvbGxhcHNlIik=}} qui vaut "
type: "inlineCode"
value: "collapsed"
type: "text"
value: ", cette valeur se comporte comme "
type: "inlineCode"
value: "ridge"
type: "text"
value: "."
tr (84:4) => tableRow
type: "html"
value: "<td><p>La bordure crée un effet 3D qui fait ressortir la boîte (l'effet est opposé à <code>inset</code>). Lorsqu'elle est utilisé sur une cellule de tableau avec {{Y3NzeHJlZigiYm9yZGVyLWNvbGxhcHNlIik=}} qui vaut <code>collapsed</code>, cette valeur se comporte comme <code>ridge</code>.</p></td>"
table.standard-table (46:2) => table
type: "html"
value: "<tr><td><code>none</code></td><td>L'effet obtenu est le même qu'avec <code>hidden</code> : aucune bordure n'est affichée. Dans ce cas, sauf si une image d'arrière-plan est définie, la valeur calculée de {{Y3NzeHJlZigiYm9yZGVyLXJpZ2h0LXdpZHRoIik=}} sera <code>0</code>, même si cette dernière indique une autre valeur. Lorsqu'utilisée sur une cellule d'un tableau avec la fusion des bordures, <code>none</code> a la priorité la plus basse donc si une autre bordure est définie et fusionne avec celle-ci, elle sera affichée.</td></tr>",type: "html"
value: "<tr><td><code>outset</code></td><td><p>La bordure crée un effet 3D qui fait ressortir la boîte (l'effet est opposé à <code>inset</code>). Lorsqu'elle est utilisé sur une cellule de tableau avec {{Y3NzeHJlZigiYm9yZGVyLWNvbGxhcHNlIik=}} qui vaut <code>collapsed</code>, cette valeur se comporte comme <code>ridge</code>.</p></td></tr>"
type: "html"
value: "<td><code>none</code></td>",type: "html"
value: "<td><div style=\"border-width: 3px; margin: 0.5em; width: 3em; height: 3em; background-color: palegreen;\"> </div></td>",type: "html"
value: "<td>L'effet obtenu est le même qu'avec <code>hidden</code> : aucune bordure n'est affichée. Dans ce cas, sauf si une image d'arrière-plan est définie, la valeur calculée de {{Y3NzeHJlZigiYm9yZGVyLXdpZHRoIik=}} sera <code>0</code>, même si cette dernière indique une autre valeur. Lorsqu'utilisée sur une cellule d'un tableau avec la fusion des bordures, <code>none</code> a la priorité la plus basse donc si une autre bordure est définie et fusionne avec celle-ci, elle sera affichée.</td>"
td (109:5) => tableCell
type: "paragraph"
summary: "La propriété CSS border-style est une propriété raccourcie qui permet de définir le style des lignes utilisées pour les bordures des quatre côtés de la boîte d'un élément."
locale: "fr"
rowIndex: 9
shouldWrap: true
children:
type: "text"
value: "La bordure crée un effet 3D qui fait ressortir la boîte (l'effet est opposé à "
type: "inlineCode"
value: "inset"
type: "text"
value: "). Lorsqu'elle est utilisé sur une cellule de tableau avec {{Y3NzeHJlZigiYm9yZGVyLWNvbGxhcHNlIik=}} qui vaut "
type: "inlineCode"
value: "collapsed"
type: "text"
value: ", cette valeur se comporte comme "
type: "inlineCode"
value: "ridge"
type: "text"
value: "."
tr (107:4) => tableRow
type: "html"
value: "<td><p>La bordure crée un effet 3D qui fait ressortir la boîte (l'effet est opposé à <code>inset</code>). Lorsqu'elle est utilisé sur une cellule de tableau avec {{Y3NzeHJlZigiYm9yZGVyLWNvbGxhcHNlIik=}} qui vaut <code>collapsed</code>, cette valeur se comporte comme <code>ridge</code>.</p></td>"
table.standard-table (66:2) => table
type: "html"
value: "<tr><td><code>none</code></td><td><div style=\"border-width: 3px; margin: 0.5em; width: 3em; height: 3em; background-color: palegreen;\"> </div></td><td>L'effet obtenu est le même qu'avec <code>hidden</code> : aucune bordure n'est affichée. Dans ce cas, sauf si une image d'arrière-plan est définie, la valeur calculée de {{Y3NzeHJlZigiYm9yZGVyLXdpZHRoIik=}} sera <code>0</code>, même si cette dernière indique une autre valeur. Lorsqu'utilisée sur une cellule d'un tableau avec la fusion des bordures, <code>none</code> a la priorité la plus basse donc si une autre bordure est définie et fusionne avec celle-ci, elle sera affichée.</td></tr>",type: "html"
value: "<tr><td><code>outset</code></td><td><p>La bordure crée un effet 3D qui fait ressortir la boîte (l'effet est opposé à <code>inset</code>). Lorsqu'elle est utilisé sur une cellule de tableau avec {{Y3NzeHJlZigiYm9yZGVyLWNvbGxhcHNlIik=}} qui vaut <code>collapsed</code>, cette valeur se comporte comme <code>ridge</code>.</p></td></tr>"
type: "html"
value: "<td><code>none</code></td>",type: "html"
value: "<td>L'effet obtenu est le même qu'avec <code>hidden</code> : aucune bordure n'est affichée. Dans ce cas, sauf si une image d'arrière-plan est définie, la valeur calculée de {{Y3NzeHJlZigiYm9yZGVyLXRvcC13aWR0aCIp}} sera <code>0</code>, même si cette dernière indique une autre valeur. Lorsqu'utilisée sur une cellule d'un tableau avec la fusion des bordures, <code>none</code> a la priorité la plus basse donc si une autre bordure est définie et fusionne avec celle-ci, elle sera affichée.</td>"
td (86:5) => tableCell
type: "paragraph"
summary: "La propriété border-top-style définit le style de ligne utilisé pour mettre en forme la bordure en haut d'une boîte."
locale: "fr"
rowIndex: 9
shouldWrap: true
children:
type: "text"
value: "La bordure crée un effet 3D qui fait ressortir la boîte (l'effet est opposé à "
type: "inlineCode"
value: "inset"
type: "text"
value: "). Lorsqu'elle est utilisé sur une cellule de tableau avec {{Y3NzeHJlZigiYm9yZGVyLWNvbGxhcHNlIik=}} qui vaut "
type: "inlineCode"
value: "collapsed"
type: "text"
value: ", cette valeur se comporte comme "
type: "inlineCode"
value: "ridge"
type: "text"
value: "."
tr (84:4) => tableRow
type: "html"
value: "<td><p>La bordure crée un effet 3D qui fait ressortir la boîte (l'effet est opposé à <code>inset</code>). Lorsqu'elle est utilisé sur une cellule de tableau avec {{Y3NzeHJlZigiYm9yZGVyLWNvbGxhcHNlIik=}} qui vaut <code>collapsed</code>, cette valeur se comporte comme <code>ridge</code>.</p></td>"
table.standard-table (46:2) => table
type: "html"
value: "<tr><td><code>none</code></td><td>L'effet obtenu est le même qu'avec <code>hidden</code> : aucune bordure n'est affichée. Dans ce cas, sauf si une image d'arrière-plan est définie, la valeur calculée de {{Y3NzeHJlZigiYm9yZGVyLXRvcC13aWR0aCIp}} sera <code>0</code>, même si cette dernière indique une autre valeur. Lorsqu'utilisée sur une cellule d'un tableau avec la fusion des bordures, <code>none</code> a la priorité la plus basse donc si une autre bordure est définie et fusionne avec celle-ci, elle sera affichée.</td></tr>",type: "html"
value: "<tr><td><code>outset</code></td><td><p>La bordure crée un effet 3D qui fait ressortir la boîte (l'effet est opposé à <code>inset</code>). Lorsqu'elle est utilisé sur une cellule de tableau avec {{Y3NzeHJlZigiYm9yZGVyLWNvbGxhcHNlIik=}} qui vaut <code>collapsed</code>, cette valeur se comporte comme <code>ridge</code>.</p></td></tr>"
type: "paragraph"
summary: "Les sélecteurs définissent les éléments sur lesquelles s'applique un ensemble de règles CSS."
locale: "fr"
rowIndex: 3
shouldWrap: true
children:
type: "text"
value: "Ajout des combinateurs pour les enfants ("
type: "inlineCode"
value: ">"
type: "text"
value: ") et voisins adjacents ("
type: "inlineCode"
value: "+"
type: "text"
value: ")."
type: "break"
type: "text"
value: "Ajout du sélecteur universel et du sélecteur d'attribut."
tr (102:3) => tableRow
type: "html"
value: "<td><p>Ajout des combinateurs pour les enfants (<code>></code>) et voisins adjacents (<code>+</code>).<br>Ajout du sélecteur universel et du sélecteur d'attribut.</p></td>"
table.standard-table (83:1) => table
type: "html"
value: "<tr><td>{{U3BlY05hbWUoJ0NTUzIuMScsICdzZWxlY3Rvci5odG1sJyk=}}</td><td>{{U3BlYzIoJ0NTUzIuMScp}}</td><td><p>Ajout des combinateurs pour les enfants (<code>></code>) et voisins adjacents (<code>+</code>).<br>Ajout du sélecteur universel et du sélecteur d'attribut.</p></td></tr>"
type: "paragraph"
summary: "Chaque déclaration CSS inclut une paire constituée d'une propriété et d'une valeur. La plupart de celles-ci sont définies dans le module de spécification CSS Values and Units (Valeurs et unités CSS). Dans cet article, nous verrons ces différents types et valeurs ainsi que des notions de base quant à leur utilisation. Pour obtenir des informattions plus détaillées, vous pouvez consulter la page de chacun de ces types."
locale: "fr"
rowIndex: 5
shouldWrap: true
children:
type: "text"
value: "Ajout des notations fonctionnelles "
type: "inlineCode"
value: "element()"
type: "text"
value: ", "
type: "inlineCode"
value: "image()"
type: "text"
value: ", "
type: "inlineCode"
value: "image-set()"
type: "text"
value: ", "
type: "inlineCode"
value: "conic-gradient()"
type: "html"
value: "<tr style=\"cursor: auto;\"><td rowspan=\"3\">Général</td><td><code>auto</code></td><td></td><td>Le navigateur détermine le curseur à afficher en fonction du contexte (par exemple, l'effet sera équivalent à <code>text</code> lors du survol du texte).</td></tr>",type: "html"
value: "<tr style=\"cursor: default;\"><td><code>default</code></td><td><img alt=\"default.gif\" src=\"default.gif\"></td><td>Le curseur par défaut de la plateforme (qui est généralement une flèche).</td></tr>",type: "html"
value: "<tr style=\"cursor: none;\"><td><code>none</code></td><td></td><td>Aucun curseur n'est affiché.</td></tr>",type: "html"
value: "<tr style=\"cursor: context-menu;\"><td rowspan=\"5\" style=\"cursor: auto;\">Liens & états</td><td><code>context-menu</code></td><td><img alt=\"context-menu.png\" src=\"context-menu.png\"></td><td>Un menu contextuel est disponible sous le curseur. Seul IE 10 et les versions supérieures ont implémenté cette valeur Bur Windows : <a href=\"https://bugzilla.mozilla.org/show_bug.cgi?id=258960\">bug 258960</a>.</td></tr>",type: "html"
value: "<tr style=\"cursor: help;\"><td><code>help</code></td><td><img alt=\"help.gif\" src=\"help.gif\"></td><td>Le pointeur indique qu'une aide est disponible.</td></tr>",type: "html"
value: "<tr style=\"cursor: pointer;\"><td><code>pointer</code></td><td><img alt=\"pointer.gif\" src=\"pointer.gif\"></td><td>Le curseur est un pointeur qui indique un lien ; généralement c'est une main.</td></tr>",type: "html"
value: "<tr style=\"cursor: progress;\"><td><code>progress</code></td><td><img alt=\"progress.gif\" src=\"progress.gif\"></td><td>Le programme est occupé en arrière-plan mais l'utilisateur peut toujours interagir avec l'interface (à la différence de <code>wait</code>).</td></tr>",type: "html"
value: "<tr style=\"cursor: wait;\"><td><code>wait</code></td><td><img alt=\"wait.gif\" src=\"wait.gif\"></td><td>Le programme est occupé, empêchant toute interaction.</td></tr>",type: "html"
value: "<tr style=\"cursor: cell;\"><td rowspan=\"4\" style=\"cursor: auto;\">Sélection</td><td><code>cell</code></td><td><img alt=\"cell.gif\" src=\"cell.gif\"></td><td>Le pointeur indique que la ou les cellules du tableau peuvent être sélectionnées.</td></tr>",type: "html"
value: "<tr style=\"cursor: crosshair;\"><td><code>crosshair</code></td><td><img alt=\"crosshair.gif\" src=\"crosshair.gif\"></td><td>Un curseur en forme de croix, généralement utilisé pour indiquer une sélection sur une image.</td></tr>",type: "html"
value: "<tr style=\"cursor: text;\"><td><code>text</code></td><td><img alt=\"text.gif\" class=\"default\" src=\"text.gif\"></td><td>Le pointeur indique que le texte peut être sélectionné.</td></tr>",type: "html"
value: "<tr style=\"cursor: vertical-text;\"><td><code>vertical-text</code></td><td><img alt=\"vertical-text.gif\" src=\"vertical-text.gif\"></td><td>Le pointeur indique que du texte vertical peut être sélectionné.</td></tr>",type: "html"
value: "<tr style=\"cursor: alias;\"><td rowspan=\"7\" style=\"cursor: auto;\">Glisser/déposer</td><td><code>alias</code></td><td><img alt=\"alias.gif\" src=\"alias.gif\"></td><td>Le pointeur indique qu'un alias ou qu'un raccourci sera créé.</td></tr>",type: "html"
value: "<tr style=\"cursor: copy;\"><td><code>copy</code></td><td><img alt=\"copy.gif\" class=\"default\" src=\"copy.gif\"></td><td>Le pointeur indique que quelque chose devra être copié.</td></tr>",type: "html"
value: "<tr style=\"cursor: move;\"><td><code>move</code></td><td><img alt=\"move.gif\" src=\"move.gif\"></td><td>L'objet survolé devra être déplacé.</td></tr>",type: "html"
value: "<tr style=\"cursor: no-drop;\"><td><code>no-drop</code></td><td><img alt=\"no-drop.gif\" class=\"lwrap\" src=\"no-drop.gif\" style=\"float: left;\"></td><td>Le curseur indique qu'on ne peut pas déposer d'élément à cet endroit. <a href=\"https://bugzilla.mozilla.org/show_bug.cgi?id=B75173\">bug 275173</a> pour Windows et Mac OS X, « <code>no-drop</code> a le même effet que <code>not-allowed</code> ».</td></tr>",type: "html"
value: "<tr style=\"cursor: -moz-grab; cursor: -webkit-grab; cursor: grab;\"><td><code>grab</code></td><td><img alt=\"grab.gif\" class=\"default\" src=\"grab.gif\"></td><td rowspan=\"2\" style=\"cursor: auto;\"><p>Le pointeur indique que le contenu peut être accroché/attrapé ou est accroché/attrapé pour être glissé et déposé quelque part.</p></td></tr>",type: "html"
value: "<tr style=\"cursor: -moz-grabbing; cursor: -webkit-grabbing; cursor: grabbing;\"><td><code>grabbing</code></td><td><img alt=\"grabbing.gif\" class=\"default\" src=\"grabbing.gif\"></td></tr>",type: "html"
value: "<tr style=\"cursor: not-allowed;\"><td><code>not-allowed</code></td><td><img alt=\"not-allowed.gif\" src=\"not-allowed.gif\"></td><td>Le curseur indique que quelque chose ne peut pas être fait.</td></tr>",type: "html"
value: "<tr style=\"cursor: all-scroll;\"><td rowspan=\"15\" style=\"cursor: auto;\">Redimensionnement & défilement</td><td><code>all-scroll</code></td><td><img alt=\"all-scroll.gif\" src=\"all-scroll.gif\"></td><td>Le curseur indique qu'on peut faire défiler le contenu dans n'importe quelle direction. <a href=\"https://bugzilla.mozilla.org/show_bug.cgi?id=275174\">Bug 275174</a> pour Windows, « <code>all-scroll</code> a le même effet que <code>move</code>\".</td></tr>",type: "html"
value: "<tr style=\"cursor: col-resize;\"><td><code>col-resize</code></td><td><img alt=\"col-resize.gif\" src=\"col-resize.gif\"></td><td>L'élément ou la colonne peut être redimensionné horizontalement.</td></tr>",type: "html"
value: "<tr style=\"cursor: row-resize;\"><td><code>row-resize</code></td><td><img alt=\"row-resize.gif\" src=\"row-resize.gif\"></td><td>L'élément ou la ligne peut être redimensionné verticalement.</td></tr>",type: "html"
value: "<tr style=\"cursor: n-resize;\"><td><code>n-resize</code></td><td><img alt=\"Exemple de redimensionnement vers le haut\" src=\"n-resize.gif\" style=\"border-style: solid; border-width: 0px;\"></td><td rowspan=\"8\" style=\"cursor: auto;\"><p>Un bord peut être déplacé. Par exemple, le curseur <code>se-resize</code> peut être utilisé lorsqu'on redimensionne une boîte à partir de son coin sud-est.</p><p>Dans certains environnements, un curseur bidirectionnel équivalent est affiché (ex. <code>n-resize</code> et <code>s-resize</code> sont synonymes de <code>ns-resize</code>).</p></td></tr>",type: "html"
value: "<tr style=\"cursor: e-resize;\"><td><code>e-resize</code></td><td><img alt=\"Example of a resize towards the right cursor\" src=\"e-resize.gif\"></td></tr>",type: "html"
value: "<tr style=\"cursor: s-resize;\"><td><code>s-resize</code></td><td><img alt=\"Example of a resize towards the bottom cursor \" src=\"s-resize.gif\"></td></tr>",type: "html"
value: "<tr style=\"cursor: w-resize;\"><td><code>w-resize</code></td><td><img alt=\"Example of a resize towards the left cursor\" src=\"w-resize.gif\"></td></tr>",type: "html"
value: "<tr style=\"cursor: ne-resize;\"><td><code>ne-resize</code></td><td><img alt=\"Example of a resize towards the top-right corner cursor\" src=\"ne-resize.gif\"></td></tr>",type: "html"
value: "<tr style=\"cursor: nw-resize;\"><td><code>nw-resize</code></td><td><img alt=\"Example of a resize towards the top-left corner cursor\" src=\"nw-resize.gif\"></td></tr>",type: "html"
value: "<tr style=\"cursor: se-resize;\"><td><code>se-resize</code></td><td><img alt=\"Example of a resize towards the bottom-right corner cursor\" src=\"se-resize.gif\"></td></tr>",type: "html"
value: "<tr style=\"cursor: sw-resize;\"><td><code>sw-resize</code></td><td><img alt=\"Example of a resize towards the bottom-left corner cursor\" src=\"sw-resize.gif\"></td></tr>",type: "html"
value: "<tr style=\"cursor: ew-resize;\"><td><code>ew-resize</code></td><td><img alt=\"3-resize.gif\" class=\"default\" src=\"3-resize.gif\"></td><td rowspan=\"4\" style=\"cursor: auto;\">Le pointeur indique un redimensionnement bidirectionnel.</td></tr>",type: "html"
value: "<tr style=\"cursor: ns-resize;\"><td><code>ns-resize</code></td><td><img alt=\"6-resize.gif\" class=\"default\" src=\"6-resize.gif\"></td></tr>",type: "html"
value: "<tr style=\"cursor: nesw-resize;\"><td><code>nesw-resize</code></td><td><img alt=\"1-resize.gif\" class=\"default\" src=\"1-resize.gif\"></td></tr>",type: "html"
value: "<tr style=\"cursor: nwse-resize;\"><td><code>nwse-resize</code></td><td><img alt=\"4-resize.gif\" class=\"default\" src=\"4-resize.gif\"></td></tr>",type: "html"
value: "<tr style=\"cursor: -webkit-zoom-in; cursor: zoom-in;\"><td rowspan=\"2\">Zoom</td><td><code>zoom-in</code></td><td><img alt=\"zoom-in.gif\" class=\"default\" src=\"zoom-in.gif\"></td><td rowspan=\"2\" style=\"cursor: auto;\"><p>Le pointeur indique qu'on peut zoomer/dézoomer sur le contenu.</p></td></tr>",type: "html"
value: "<tr style=\"cursor: -webkit-zoom-out; cursor: zoom-out;\"><td><code>zoom-out</code></td><td><img alt=\"zoom-out.gif\" class=\"default\" src=\"zoom-out.gif\"></td></tr>"
type: "html"
value: "<td><code>caption</code></td>",type: "html"
value: "<td>La police système utilisée pour les libellés des contrôles (par exemples les boutons, listes déroulantes, etc.).</td>"
table.standard-table (98:2) => table
type: "html"
value: "<tr><td><code>caption</code></td><td>La police système utilisée pour les libellés des contrôles (par exemples les boutons, listes déroulantes, etc.).</td></tr>"
type: "paragraph"
summary: "La propriété CSS font-variation-settings permet de contrôler les caractéristiques typographiques de bas niveau OpenType ou TrueType en utilisant les quatres lettres représentant les axes des caractéristiques qu'on souhaite faire varier, ainsi que les valeurs pour les variations associées."
locale: "fr"
rowIndex: 5
shouldWrap: true
children:
type: "text"
value: "{{Y3NzeHJlZigiZm9udC1vcHRpY2FsLXNpemluZyIp}}"
type: "paragraph"
summary: "La propriété list-style-type permet de définir l'apparence de la puce d'un élément de liste (un cercle, un caractère, un compteur spécifique, etc.)."
locale: "fr"
rowIndex: 3
shouldWrap: true
children:
type: "text"
value: "Définition initiale."
type: "html"
value: "<tr><th><code>inline</code>, <code>inline-block</code>, <code>inline-table</code></th><th><em>n'importe laquelle</em></th><th><code>static</code> ou <code>relative</code></th><td><code>0</code></td><td>Disposition en ligne</td></tr>",type: "html"
value: "<tr><th><code>block</code>, <code>inline</code>, <code>inline-block</code>, <code>block</code>, <code>table</code>, <code>inline-table</code>, <code>list-item</code>, <code>table-caption</code></th><th><em>n'importe laquelle</em></th><th><code>static</code> ou <code>relative</code></th><td><code>0</code> sauf si <code>margin-left</code> et <code>margin-right</code> valent <code>auto</code>. Dans ce cas, la valeur utilisée sera celle qui permet de centrer l'élément au sein de l'élément parent.</td><td>Disposition en bloc</td></tr>",type: "html"
value: "<tr><th><code>block</code>, <code>inline</code>, <code>inline-block</code>, <code>block</code>, <code>table</code>, <code>inline-table</code>, <code>list-item</code>, <code>table-caption</code></th><th><code>left</code> ou <code>right</code></th><th><code>static</code> ou <code>relative</code></th><td><code>0</code></td><td>Disposition en bloc avec les éléments flottants</td></tr>",type: "html"
value: "<tr><th><em>n'importe quelle </em><code>table-*</code><em>, sauf </em><code>table-caption</code></th><th><em>n'importe laquelle</em></th><th><em>n'importe laquelle</em></th><td><code>0</code></td><td>Les éléments <code>table-*</code> n'ont pas de marge, il faut utiliser {{Y3NzeHJlZigiYm9yZGVyLXNwYWNpbmciKQ==}} à la place.</td></tr>",type: "html"
value: "<tr><th><em>n'importe laquelle, sauf <code>flex</code>,</em> <code>inline-flex</code><em>, ou </em><code>table-*</code></th><th><em>n'importe laquelle</em></th><th><em><code>fixed</code></em> ou <code>absolute</code></th><td><code>0</code> sauf si <code>margin-left</code> et <code>margin-right</code> valent <code>auto</code>. Dans ce cas, la valeur utilisée sera celle qui permet de centrer la boîte de bordure dans la zone de largeur disponible si elle fixée.</td><td>Positionnement absolu.</td></tr>",type: "html"
value: "<tr><th><code>flex</code>, <code>inline-flex</code></th><th><em>n'importe laquelle</em></th><th><em>n'importe laquelle</em></th><td><code>0</code>, sauf s'il reste de l'espace horizontal libre. Dans ce cas, l'espace restant sera distribué de façon équitable entre toutes les marges avec <code>auto</code>.</td><td>Boîtes flexibles.</td></tr>"
type: "html"
value: "<th><em>ni'mporte quelle autre sauf <code>flex</code>,</em> <code>inline-flex</code><em> ou </em><code>table-*</code></th>",type: "html"
value: "<th><em>n'importe laquelle</em></th>",type: "html"
value: "<th><em><code>fixed</code></em> ou <code>absolute</code></th>"
type: "html"
value: "<tr><th><code>inline</code>, <code>inline-block</code>, <code>inline-table</code></th><th><em>n'importe laquelle</em></th><th><code>static</code> ou <code>relative</code></th><td><code>0</code></td><td>Disposition en ligne</td></tr>",type: "html"
value: "<tr><th><code>block</code>, <code>inline</code>, <code>inline-block</code>, <code>block</code>, <code>table</code>, <code>inline-table</code>, <code>list-item</code>, <code>table-caption</code></th><th><em>n'importe laquelle</em></th><th><code>static</code> ou <code>relative</code></th><td><code>0</code> sauf si <code>margin-left</code> et <code>margin-right</code> valent <code>auto</code>. Dans ce cas, la valeur utilisée sera celle qui permet de centrer l'élément au sein de l'élément parent.</td><td>Disposition en bloc</td></tr>",type: "html"
value: "<tr><th><code>block</code>, <code>inline</code>, <code>inline-block</code>, <code>block</code>, <code>table</code>, <code>inline-table</code>, <code>list-item</code>, <code>table-caption</code></th><th><code>left</code> ou <code>right</code></th><th><code>static</code> ou <code>relative</code></th><td><code>0</code></td><td>Disposition en bloc avec les éléments flottants</td></tr>",type: "html"
value: "<tr><th><em>n'importe quelle </em><code>table-*</code><em> sauf </em><code>table-caption</code></th><th><em>n'importe laquelle</em></th><th><em>n'importe laquelle</em></th><td><code>0</code></td><td>Les éléments <code>table-*</code> n'ont pas de marge, il faut utiliser {{Y3NzeHJlZigiYm9yZGVyLXNwYWNpbmciKQ==}} à la place.</td></tr>",type: "html"
value: "<tr><th><em>ni'mporte quelle autre sauf <code>flex</code>,</em> <code>inline-flex</code><em> ou </em><code>table-*</code></th><th><em>n'importe laquelle</em></th><th><em><code>fixed</code></em> ou <code>absolute</code></th><td><code>0</code> sauf si <code>margin-left</code> et <code>margin-right</code> valent <code>auto</code>. Dans ce cas, la valeur utilisée sera celle qui permet de centrer la boîte de bordure dans la zone de largeur disponible si elle fixée.</td><td>Positionnement absolu.</td></tr>",type: "html"
value: "<tr><th><code>flex</code>, <code>inline-flex</code></th><th><em>n'importe laquelle</em></th><th><em>n'importe laquelle</em></th><td><code>0</code>, sauf s'il reste de l'espace horizontal libre. Dans ce cas, l'espace restant sera distribué de façon équitable entre toutes les marges avec <code>auto</code>.</td><td>Boîtes flexibles.</td></tr>"
type: "html"
value: "<td><strong>Valeur unique</strong></td>",type: "html"
value: "<td><strong>Équivalent sur deux valeurs</strong></td>"
table.standard-table (49:2) => table
type: "html"
value: "<tr><td><strong>Valeur unique</strong></td><td><strong>Équivalent sur deux valeurs</strong></td></tr>"
tr (84:4) => tableRow
type: "html"
value: "<td><code>repeat</code></td>",type: "html"
value: "<td>L'image est répétée autant de fois que nécessaire pour recouvrir la zone dédiée au masque. La dernière image sera rognée si nécessaire.</td>"
table.standard-table (82:2) => table
type: "html"
value: "<tr><td><code>repeat</code></td><td>L'image est répétée autant de fois que nécessaire pour recouvrir la zone dédiée au masque. La dernière image sera rognée si nécessaire.</td></tr>"
type: "paragraph"
summary: "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é {{Y3NzeHJlZigiaGVpZ2h0Iik=}} devienne inférieure à min-height."
locale: "fr"
rowIndex: 2
shouldWrap: true
children:
type: "text"
value: "Ajout du mot-clé "
type: "inlineCode"
value: "auto"
type: "text"
value: " et définition de ce mot-clé comme valeur initiale."
tr (102:3) => tableRow
type: "html"
value: "<td><p>Ajout du mot-clé <code>auto</code> et définition de ce mot-clé comme valeur initiale.</p></td>"
table.standard-table (90:1) => table
type: "html"
value: "<tr><td>{{U3BlY05hbWUoJ0NTUzMgRmxleGJveCcsICcjbWluLWF1dG8nLCAnbWluLWhlaWdodCcp}}</td><td>{{U3BlYzIoJ0NTUzMgRmxleGJveCcp}}</td><td><p>Ajout du mot-clé <code>auto</code> et définition de ce mot-clé comme valeur initiale.</p></td></tr>"
type: "paragraph"
summary: "Une pseudo-classe est un mot-clé qui peut être ajouté à un sélecteur afin d'indiquer l'état spécifique dans lequel l'élément doit être pour être ciblé par la déclaration. La pseudo-classe {{Y3NzeHJlZigiOmhvdmVyIik=}}, par exemple, permettra d'appliquer une mise en forme spécifique lorsque l'utilisateur survole l'élément ciblé par le sélecteur (changer la couleur d'un bouton par exemple)."
locale: "fr"
rowIndex: 3
shouldWrap: true
children:
type: "text"
value: "Définition de "
type: "inlineCode"
value: ":any-link"
type: "text"
value: ", "
type: "inlineCode"
value: ":local-link"
type: "text"
value: ", "
type: "inlineCode"
value: ":scope"
type: "text"
value: ", "
type: "inlineCode"
value: ":active-drop-target"
type: "text"
value: ", "
type: "inlineCode"
value: ":valid-drop-target"
type: "text"
value: ", "
type: "inlineCode"
value: ":invalid-drop-target"
type: "text"
value: ", "
type: "inlineCode"
value: ":current"
type: "text"
value: ", "
type: "inlineCode"
value: ":past"
type: "text"
value: ", "
type: "inlineCode"
value: ":future"
type: "text"
value: ", "
type: "inlineCode"
value: ":placeholder-shown"
type: "text"
value: ", "
type: "inlineCode"
value: ":user-error"
type: "text"
value: ", "
type: "inlineCode"
value: ":blank"
type: "text"
value: ", "
type: "inlineCode"
value: ":nth-match()"
type: "text"
value: ", "
type: "inlineCode"
value: ":nth-last-match()"
type: "text"
value: ", "
type: "inlineCode"
value: ":nth-column()"
type: "text"
value: ", "
type: "inlineCode"
value: ":nth-last-column()"
type: "text"
value: " et "
type: "inlineCode"
value: ":matches()"
type: "text"
value: ".",type: "paragraph"
summary: "Une pseudo-classe est un mot-clé qui peut être ajouté à un sélecteur afin d'indiquer l'état spécifique dans lequel l'élément doit être pour être ciblé par la déclaration. La pseudo-classe {{Y3NzeHJlZigiOmhvdmVyIik=}}, par exemple, permettra d'appliquer une mise en forme spécifique lorsque l'utilisateur survole l'élément ciblé par le sélecteur (changer la couleur d'un bouton par exemple)."
locale: "fr"
rowIndex: 3
shouldWrap: true
children:
type: "text"
value: "Changement afin que "
type: "inlineCode"
value: ":empty"
type: "text"
value: " se comporte comme {{Q1NTeFJlZigiOi1tb3otb25seS13aGl0ZXNwYWNlIik=}} {{Tm9uLXN0YW5kYXJkX0lubGluZQ==}}.",type: "paragraph"
summary: "Une pseudo-classe est un mot-clé qui peut être ajouté à un sélecteur afin d'indiquer l'état spécifique dans lequel l'élément doit être pour être ciblé par la déclaration. La pseudo-classe {{Y3NzeHJlZigiOmhvdmVyIik=}}, par exemple, permettra d'appliquer une mise en forme spécifique lorsque l'utilisateur survole l'élément ciblé par le sélecteur (changer la couleur d'un bouton par exemple)."
locale: "fr"
rowIndex: 3
shouldWrap: true
children:
type: "text"
value: "Aucune modification significative pour les pseudo-classes définies avec {{U3BlY05hbWUoJ0NTUzMgU2VsZWN0b3JzJyk=}} et {{U3BlY05hbWUoJ0hUTUw1IFczQycp}}."
tr (158:3) => tableRow
type: "html"
value: "<td><p>Définition de <code>:any-link</code>, <code>:local-link</code>, <code>:scope</code>, <code>:active-drop-target</code>, <code>:valid-drop-target</code>, <code>:invalid-drop-target</code>, <code>:current</code>, <code>:past</code>, <code>:future</code>, <code>:placeholder-shown</code>, <code>:user-error</code>, <code>:blank</code>, <code>:nth-match()</code>, <code>:nth-last-match()</code>, <code>:nth-column()</code>, <code>:nth-last-column()</code> et <code>:matches()</code>.</p><p>Changement afin que <code>:empty</code> se comporte comme {{Q1NTeFJlZigiOi1tb3otb25seS13aGl0ZXNwYWNlIik=}} {{Tm9uLXN0YW5kYXJkX0lubGluZQ==}}.</p><p>Aucune modification significative pour les pseudo-classes définies avec {{U3BlY05hbWUoJ0NTUzMgU2VsZWN0b3JzJyk=}} et {{U3BlY05hbWUoJ0hUTUw1IFczQycp}}.</p></td>"
table.standard-table (139:1) => table
type: "html"
value: "<tr><td>{{U3BlY05hbWUoJ0NTUzQgU2VsZWN0b3JzJyk=}}</td><td>{{U3BlYzIoJ0NTUzQgU2VsZWN0b3JzJyk=}}</td><td><p>Définition de <code>:any-link</code>, <code>:local-link</code>, <code>:scope</code>, <code>:active-drop-target</code>, <code>:valid-drop-target</code>, <code>:invalid-drop-target</code>, <code>:current</code>, <code>:past</code>, <code>:future</code>, <code>:placeholder-shown</code>, <code>:user-error</code>, <code>:blank</code>, <code>:nth-match()</code>, <code>:nth-last-match()</code>, <code>:nth-column()</code>, <code>:nth-last-column()</code> et <code>:matches()</code>.</p><p>Changement afin que <code>:empty</code> se comporte comme {{Q1NTeFJlZigiOi1tb3otb25seS13aGl0ZXNwYWNlIik=}} {{Tm9uLXN0YW5kYXJkX0lubGluZQ==}}.</p><p>Aucune modification significative pour les pseudo-classes définies avec {{U3BlY05hbWUoJ0NTUzMgU2VsZWN0b3JzJyk=}} et {{U3BlY05hbWUoJ0hUTUw1IFczQycp}}.</p></td></tr>"
type: "html"
value: "<td><code>auto</code></td>",type: "html"
value: "<td><p>Utilise le rendu par défaut du système pour la piste de la barre de défilement si aucune autre couleur n'est indiquée pour la mise en forme CSS de la barre de défilement.</p></td>"
table.standard-table (41:2) => table
type: "html"
value: "<tr><td><code>auto</code></td><td><p>Utilise le rendu par défaut du système pour la piste de la barre de défilement si aucune autre couleur n'est indiquée pour la mise en forme CSS de la barre de défilement.</p></td></tr>"
type: "html"
value: "<td><code>auto</code></td>",type: "html"
value: "<td>La largeur par défaut, fournie par le système, pour la barre de défilement.</td>"
table.standard-table (35:2) => table
type: "html"
value: "<tr><td><code>auto</code></td><td>La largeur par défaut, fournie par le système, pour la barre de défilement.</td></tr>"
type: "html"
value: "<td style=\"width: 79px;\"><img alt=\"border1.png\" src=\"border1.png\"></td>",type: "html"
value: "<td><em>1 valeur </em>: <code>border-width: 1em</code> — La valeur unique s'adresse à tous les côtés.</td>"
td (49:8) => tableCell
type: "paragraph"
summary: "Les propriétés raccourcies sont des propriétés CSS qui permettent de définir la valeur de plusieurs propriétés via une seule déclaration. En manipulant des propriétés raccourcies, un développeur web peut créer des feuilles de style plus concises et plus lisibles, améliorant ainsi la maintenabilité."
locale: "fr"
rowIndex: 3
shouldWrap: true
children:
type: "emphasis"
children:
type: "text"
value: "4 valeurs"
type: "text"
value: " "
type: "text"
value: ": "
type: "inlineCode"
value: "border-width: 1em 2em 3em 4em"
type: "text"
value: " — Les quatre valeurs représentent respectivement le côté haut, le côté droit, le côté bas et le côté haut, toujours dans cet ordre (le sens horaire)."
tr (47:7) => tableRow
type: "html"
value: "<td><p><em>4 valeurs </em>: <code>border-width: 1em 2em 3em 4em</code> — Les quatre valeurs représentent respectivement le côté haut, le côté droit, le côté bas et le côté haut, toujours dans cet ordre (le sens horaire).</p></td>"
table (33:5) => table
type: "html"
value: "<tr><td style=\"width: 79px;\"><img alt=\"border1.png\" src=\"border1.png\"></td><td><em>1 valeur </em>: <code>border-width: 1em</code> — La valeur unique s'adresse à tous les côtés.</td></tr>",type: "html"
value: "<tr><td><img alt=\"border4.png\" src=\"border4.png\"></td><td><p><em>4 valeurs </em>: <code>border-width: 1em 2em 3em 4em</code> — Les quatre valeurs représentent respectivement le côté haut, le côté droit, le côté bas et le côté haut, toujours dans cet ordre (le sens horaire).</p></td></tr>"
tr (59:7) => tableRow
type: "html"
value: "<td style=\"width: 69px;\"><img alt=\"corner1.png\" src=\"corner1.png\"></td>",type: "html"
value: "<td><em>1 valeur </em>: <code>border-radius: 1em</code> — La valeur s'applique à tous les coins.</td>"
td (73:8) => tableCell
type: "paragraph"
summary: "Les propriétés raccourcies sont des propriétés CSS qui permettent de définir la valeur de plusieurs propriétés via une seule déclaration. En manipulant des propriétés raccourcies, un développeur web peut créer des feuilles de style plus concises et plus lisibles, améliorant ainsi la maintenabilité."
locale: "fr"
rowIndex: 3
shouldWrap: true
children:
type: "emphasis"
children:
type: "text"
value: "4 valeurs"
type: "text"
value: " "
type: "text"
value: ": "
type: "inlineCode"
value: "border-radius: 1em 2em 3em 4em"
type: "text"
value: " — Les quatre valeurs s'appliquent respectivement au coin en haut à gauche, en haut à droite, en bas à droite et en bas à gauche, toujours dans cet ordre (le sens horaire)."
tr (71:7) => tableRow
type: "html"
value: "<td><p><em>4 valeurs </em>: <code>border-radius: 1em 2em 3em 4em</code> — Les quatre valeurs s'appliquent respectivement au coin en haut à gauche, en haut à droite, en bas à droite et en bas à gauche, toujours dans cet ordre (le sens horaire).</p></td>"
table (57:5) => table
type: "html"
value: "<tr><td style=\"width: 69px;\"><img alt=\"corner1.png\" src=\"corner1.png\"></td><td><em>1 valeur </em>: <code>border-radius: 1em</code> — La valeur s'applique à tous les coins.</td></tr>",type: "html"
value: "<tr><td><img alt=\"corner4.png\" src=\"corner4.png\"></td><td><p><em>4 valeurs </em>: <code>border-radius: 1em 2em 3em 4em</code> — Les quatre valeurs s'appliquent respectivement au coin en haut à gauche, en haut à droite, en bas à droite et en bas à gauche, toujours dans cet ordre (le sens horaire).</p></td></tr>"
type: "html"
value: "<td rowspan=\"2\">au dessus</td>",type: "html"
value: "<td rowspan=\"2\">à droite</td>",type: "html"
value: "<td rowspan=\"2\"><img alt=\"Emphasis marks appear over each emphasized character in horizontal Japanese text.\" src=\"text-emphasis-ja.png\" title=\"Emphasis (shown in blue for clarity) applied above a fragment of Japanese text\"></td>",type: "html"
value: "<td rowspan=\"3\"><img alt=\"Emphasis marks appear on the right of each emphasized character in vertical Japanese text.\" src=\"text-emphasis-v.gif\" title=\"Emphasis applied on the right of a fragment of Japanese text\"></td>"
table (38:1) => table
type: "html"
value: "<tr><th rowspan=\"2\" scope=\"col\">Langue</th><th colspan=\"2\" scope=\"col\">Position</th><th colspan=\"2\" rowspan=\"2\" scope=\"col\">Illustration</th></tr>",type: "html"
value: "<tr><th>Horizontale</th><th>Verticale</th></tr>",type: "html"
value: "<tr><td>Japanese</td><td rowspan=\"2\">au dessus</td><td rowspan=\"2\">à droite</td><td rowspan=\"2\"><img alt=\"Emphasis marks appear over each emphasized character in horizontal Japanese text.\" src=\"text-emphasis-ja.png\" title=\"Emphasis (shown in blue for clarity) applied above a fragment of Japanese text\"></td><td rowspan=\"3\"><img alt=\"Emphasis marks appear on the right of each emphasized character in vertical Japanese text.\" src=\"text-emphasis-v.gif\" title=\"Emphasis applied on the right of a fragment of Japanese text\"></td></tr>"
type: "html"
value: "<td colspan=\"2\" rowspan=\"2\">Cette transformation s'applique dans l'espace (3D) et ne peut pas être représentée en deux dimensions.</td>",type: "html"
value: "<td colspan=\"1\" rowspan=\"2\">Les matrices exprimées avec des coordonnées cartésiennes ne permettent pas de représenter des transformations 3D affines car les translations ne sont pas des transformations linéaires.</td>",type: "html"
value: "<td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr><mtd>a1</mtd><mtd>a2</mtd><mtd>a3</mtd><mtd>a4</mtd></mtr><mtr><mtd>b1</mtd><mtd>b2</mtd><mtd>b3</mtd><mtd>b4</mtd></mtr><mtr><mtd>c1</mtd><mtd>c2</mtd><mtd>c3</mtd><mtd>c4</mtd></mtr><mtr><mtd>d1</mtd><mtd>d2</mtd><mtd>d3</mtd><mtd>d4</mtd></mtr></mtable></mfenced></math></td>"
table.standard-table (32:1) => table
type: "html"
value: "<tr><td colspan=\"2\" rowspan=\"2\">Cette transformation s'applique dans l'espace (3D) et ne peut pas être représentée en deux dimensions.</td><td colspan=\"1\" rowspan=\"2\">Les matrices exprimées avec des coordonnées cartésiennes ne permettent pas de représenter des transformations 3D affines car les translations ne sont pas des transformations linéaires.</td><td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr><mtd>a1</mtd><mtd>a2</mtd><mtd>a3</mtd><mtd>a4</mtd></mtr><mtr><mtd>b1</mtd><mtd>b2</mtd><mtd>b3</mtd><mtd>b4</mtd></mtr><mtr><mtd>c1</mtd><mtd>c2</mtd><mtd>c3</mtd><mtd>c4</mtd></mtr><mtr><mtd>d1</mtd><mtd>d2</mtd><mtd>d3</mtd><mtd>d4</mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td colspan=\"2\" rowspan=\"2\"><p>Cette transformation s'applique dans l'espace (3D) et ne peut pas être représentée en deux dimensions.</p></td>",type: "html"
value: "<td colspan=\"1\" rowspan=\"2\">Une perspective n'est pas une transformation linéaire de ℝ<sup>3</sup> et ne peut donc pas être représentée en utilisant une matrice du système cartésien.</td>",type: "html"
value: "<td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr>0<mtd>1</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd><mo>−</mo>1<mo>/</mo>d</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td>"
table.standard-table (33:1) => table
type: "html"
value: "<tr><td colspan=\"2\" rowspan=\"2\"><p>Cette transformation s'applique dans l'espace (3D) et ne peut pas être représentée en deux dimensions.</p></td><td colspan=\"1\" rowspan=\"2\">Une perspective n'est pas une transformation linéaire de ℝ<sup>3</sup> et ne peut donc pas être représentée en utilisant une matrice du système cartésien.</td><td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr>0<mtd>1</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd><mo>−</mo>1<mo>/</mo>d</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td colspan=\"2\">Cette transformation s'applique dans l'espace (3D) et ne peut pas être représentée en deux dimensions.</td>",type: "html"
value: "<td colspan=\"1\"><math><mfenced><mtable><mtr><mtd>1<mo>+</mo>(1<mo>-</mo>cos(<mi>a</mi>))(<msup><mi>x</mi><mn>2</mn></msup><mo>-</mo>1)</mtd><mtd><mi>z</mi><mo>·</mo>sin(<mi>a</mi>)+<mi>x</mi><mi>y</mi>(1<mo>-</mo>cos(<mi>a</mi>))</mtd><mtd><mo>-</mo><mi>y</mi><mo>·</mo>sin(<mi>a</mi>)<mo>+</mo><mi>x</mi><mi>z</mi><mo>·</mo>(1<mo>-</mo>cos(<mi>a</mi>))</mtd></mtr><mtr><mtd><mo>-</mo><mi>z</mi><mo>·</mo>sin(<mi>a</mi>)<mo>+</mo><mi>x</mi><mi>y</mi><mo>·</mo>(1<mo>-</mo>cos(<mi>a</mi>))</mtd><mtd>1+(1-cos(a))(y2-1)</mtd><mtd><mi>x</mi><mo>·</mo>sin(<mi>a</mi>)<mo>+</mo><mi>y</mi><mi>z</mi><mo>·</mo>(1<mo>-</mo>cos(<mi>a</mi>))</mtd><mtr><mtd>ysin(a) + xz(1-cos(a))</mtd><mtd>-xsin(a)+yz(1-cos(a))</mtd><mtd>1+(1-cos(a))(z2-1)</mtd><mtd>t</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtr></mtable></mfenced></math></td>"
table.standard-table (42:1) => table
type: "html"
value: "<tr><td colspan=\"2\">Cette transformation s'applique dans l'espace (3D) et ne peut pas être représentée en deux dimensions.</td><td colspan=\"1\"><math><mfenced><mtable><mtr><mtd>1<mo>+</mo>(1<mo>-</mo>cos(<mi>a</mi>))(<msup><mi>x</mi><mn>2</mn></msup><mo>-</mo>1)</mtd><mtd><mi>z</mi><mo>·</mo>sin(<mi>a</mi>)+<mi>x</mi><mi>y</mi>(1<mo>-</mo>cos(<mi>a</mi>))</mtd><mtd><mo>-</mo><mi>y</mi><mo>·</mo>sin(<mi>a</mi>)<mo>+</mo><mi>x</mi><mi>z</mi><mo>·</mo>(1<mo>-</mo>cos(<mi>a</mi>))</mtd></mtr><mtr><mtd><mo>-</mo><mi>z</mi><mo>·</mo>sin(<mi>a</mi>)<mo>+</mo><mi>x</mi><mi>y</mi><mo>·</mo>(1<mo>-</mo>cos(<mi>a</mi>))</mtd><mtd>1+(1-cos(a))(y2-1)</mtd><mtd><mi>x</mi><mo>·</mo>sin(<mi>a</mi>)<mo>+</mo><mi>y</mi><mi>z</mi><mo>·</mo>(1<mo>-</mo>cos(<mi>a</mi>))</mtd><mtr><mtd>ysin(a) + xz(1-cos(a))</mtd><mtd>-xsin(a)+yz(1-cos(a))</mtd><mtd>1+(1-cos(a))(z2-1)</mtd><mtd>t</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtr></mtable></mfenced></math></td><td><a href=\"/fr/docs/Web/CSS/transform-function/rotate3d()/transform-functions-rotate3d_hom4.png\"><img src=\"transform-functions-rotate3d_hom4.png\"></a></td></tr>"
type: "html"
value: "<td colspan=\"2\" rowspan=\"2\">Cette transformation s'applique dans l'espace (3D) et ne peut pas être représentée en deux dimensions.</td>",type: "html"
value: "<td colspan=\"1\"><math><mfenced><mtable><mtr><mtd>1</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>cos(a)</mtd><mtd>-sin(a)</mtd></mtr><mtr><mtd>0</mtd><mtd>sin(a)</mtd><mtd>cos(a)</mtd></mtr></mtable></mfenced></math></td>",type: "html"
value: "<td colspan=\"1\"><math><mfenced><mtable><mtr><mtd>1</mtd><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>cos(a)</mtd><mtd>-sin(a)</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>sin(a)</mtd><mtd>cos(a)</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td>"
table.standard-table (38:1) => table
type: "html"
value: "<tr><td colspan=\"2\" rowspan=\"2\">Cette transformation s'applique dans l'espace (3D) et ne peut pas être représentée en deux dimensions.</td><td colspan=\"1\"><math><mfenced><mtable><mtr><mtd>1</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>cos(a)</mtd><mtd>-sin(a)</mtd></mtr><mtr><mtd>0</mtd><mtd>sin(a)</mtd><mtd>cos(a)</mtd></mtr></mtable></mfenced></math></td><td colspan=\"1\"><math><mfenced><mtable><mtr><mtd>1</mtd><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>cos(a)</mtd><mtd>-sin(a)</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>sin(a)</mtd><mtd>cos(a)</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td colspan=\"2\">Cette transformation s'applique dans l'espace (3D) et ne peut pas être représentée en deux dimensions.</td>",type: "html"
value: "<td colspan=\"1\"><math><mfenced><mtable><mtr><mtd>cos(a)</mtd><mtd>0</mtd><mtd>sin(a)</mtd></mtr><mtr><mtd>0</mtd><mtd>1</mtd><mtd>0</mtd></mtr><mtr><mtd>-sin(a)</mtd><mtd>0</mtd><mtd>cos(a)</mtd></mtr></mtable></mfenced></math></td>",type: "html"
value: "<td colspan=\"1\"><math><mfenced><mtable><mtr><mtd>cos(a)</mtd><mtd>0</mtd><mtd>sin(a)</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>1</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr><mtd>-sin(a)</mtd><mtd>0</mtd><mtd>cos(a)</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td>"
table.standard-table (38:1) => table
type: "html"
value: "<tr><td colspan=\"2\">Cette transformation s'applique dans l'espace (3D) et ne peut pas être représentée en deux dimensions.</td><td colspan=\"1\"><math><mfenced><mtable><mtr><mtd>cos(a)</mtd><mtd>0</mtd><mtd>sin(a)</mtd></mtr><mtr><mtd>0</mtd><mtd>1</mtd><mtd>0</mtd></mtr><mtr><mtd>-sin(a)</mtd><mtd>0</mtd><mtd>cos(a)</mtd></mtr></mtable></mfenced></math></td><td colspan=\"1\"><math><mfenced><mtable><mtr><mtd>cos(a)</mtd><mtd>0</mtd><mtd>sin(a)</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>1</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr><mtd>-sin(a)</mtd><mtd>0</mtd><mtd>cos(a)</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td colspan=\"2\" rowspan=\"2\">Cette transformation s'applique dans l'espace (3D) et ne peut pas être représentée en deux dimensions.</td>",type: "html"
value: "<td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr><mtd>cos(a)</mtd><mtd>-sin(a)</mtd><mtd>0</mtd></mtr><mtr><mtd>sin(a)</mtd><mtd>cos(a)</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td>",type: "html"
value: "<td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr><mtd>cos(a)</mtd><mtd>-sin(a)</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr><mtd>sin(a)</mtd><mtd>cos(a)</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td>"
table.standard-table (38:1) => table
type: "html"
value: "<tr><td colspan=\"2\" rowspan=\"2\">Cette transformation s'applique dans l'espace (3D) et ne peut pas être représentée en deux dimensions.</td><td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr><mtd>cos(a)</mtd><mtd>-sin(a)</mtd><mtd>0</mtd></mtr><mtr><mtd>sin(a)</mtd><mtd>cos(a)</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td><td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr><mtd>cos(a)</mtd><mtd>-sin(a)</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr><mtd>sin(a)</mtd><mtd>cos(a)</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td colspan=\"2\" rowspan=\"2\">Cette transformation s'applique dans en 3 dimensions et ne peut pas être représentée sur le plan.</td>",type: "html"
value: "<td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>sx<mtd>0</mtd><mtd>0</mtd></mtr><mtr>0<mtd>sy</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>sz</mtd></mtr></mtable></mfenced></math></td>",type: "html"
value: "<td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>sx<mtd>0</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr>0<mtd>sy</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>sz</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td>"
table.standard-table (38:1) => table
type: "html"
value: "<tr><td colspan=\"2\" rowspan=\"2\">Cette transformation s'applique dans en 3 dimensions et ne peut pas être représentée sur le plan.</td><td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>sx<mtd>0</mtd><mtd>0</mtd></mtr><mtr>0<mtd>sy</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>sz</mtd></mtr></mtable></mfenced></math></td><td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>sx<mtd>0</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr>0<mtd>sy</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>sz</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td colspan=\"2\" rowspan=\"2\">Cette transformation s'applique sur l'espace en trois dimensions et ne peut donc être représentée sous la forme d'une transformation plane.</td>",type: "html"
value: "<td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>0</mtd></mtr><mtr>0<mtd>1</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>s</mtd></mtr></mtable></mfenced></math></td>",type: "html"
value: "<td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr>0<mtd>1</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>s</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td>"
table.standard-table (36:1) => table
type: "html"
value: "<tr><td colspan=\"2\" rowspan=\"2\">Cette transformation s'applique sur l'espace en trois dimensions et ne peut donc être représentée sous la forme d'une transformation plane.</td><td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>0</mtd></mtr><mtr>0<mtd>1</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>s</mtd></mtr></mtable></mfenced></math></td><td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr>0<mtd>1</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>s</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td colspan=\"1\" rowspan=\"2\"><p>Une translation plane n'est pas une transformation linéaire de ℝ<sup>2</sup> et ne peut donc pas être représentée sous la forme d'une matrice dans le système cartésien.</p></td>",type: "html"
value: "<td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>tx</mtd></mtr><mtr>0<mtd>1</mtd><mtd>ty</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td>",type: "html"
value: "<td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>0</mtd><mtd>tx</mtd></mtr><mtr>0<mtd>1</mtd><mtd>0</mtd><mtd>ty</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td>"
table.standard-table (35:1) => table
type: "html"
value: "<tr><td colspan=\"1\" rowspan=\"2\"><p>Une translation plane n'est pas une transformation linéaire de ℝ<sup>2</sup> et ne peut donc pas être représentée sous la forme d'une matrice dans le système cartésien.</p></td><td><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>tx</mtd></mtr><mtr>0<mtd>1</mtd><mtd>ty</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td><td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>tx</mtd></mtr><mtr>0<mtd>1</mtd><mtd>ty</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td><td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>0</mtd><mtd>tx</mtd></mtr><mtr>0<mtd>1</mtd><mtd>0</mtd><mtd>ty</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td colspan=\"2\" rowspan=\"2\"><p>Cette transformation s'applique en trois dimensions et ne peut donc être représentée sur le plan.</p></td>",type: "html"
value: "<td colspan=\"1\" rowspan=\"2\">Une translation n'est pas une transformation linéaire de ℝ<sup>3</sup> et ne peut donc pas être représentée par une matrice dans le système cartésien.</td>",type: "html"
value: "<td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>0</mtd><mtd>tx</mtd></mtr><mtr>0<mtd>1</mtd><mtd>0</mtd><mtd>ty</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd><mtd>tz</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td>"
table.standard-table (36:1) => table
type: "html"
value: "<tr><td colspan=\"2\" rowspan=\"2\"><p>Cette transformation s'applique en trois dimensions et ne peut donc être représentée sur le plan.</p></td><td colspan=\"1\" rowspan=\"2\">Une translation n'est pas une transformation linéaire de ℝ<sup>3</sup> et ne peut donc pas être représentée par une matrice dans le système cartésien.</td><td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>0</mtd><mtd>tx</mtd></mtr><mtr>0<mtd>1</mtd><mtd>0</mtd><mtd>ty</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd><mtd>tz</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td colspan=\"1\" rowspan=\"2\"><p>Une translation n'est pas une transformation linéaire sur ℝ<sup>2</sup> et on ne peut donc pas la représenter en utilisant une matrice exprimée dans le système cartésien.</p></td>",type: "html"
value: "<td colspan=\"1\" rowspan=\"2\"><math><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>0</mtd></mtr><mtr>0<mtd>1</mtd><mtd>t</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></math></td>",type: "html"
value: "<td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr>0<mtd>1</mtd><mtd>0</mtd><mtd>t</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td>"
table.standard-table (32:1) => table
type: "html"
value: "<tr><td colspan=\"1\" rowspan=\"2\"><p>Une translation n'est pas une transformation linéaire sur ℝ<sup>2</sup> et on ne peut donc pas la représenter en utilisant une matrice exprimée dans le système cartésien.</p></td><td><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>0</mtd></mtr><mtr>0<mtd>1</mtd><mtd>t</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td><td colspan=\"1\" rowspan=\"2\"><math><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>0</mtd></mtr><mtr>0<mtd>1</mtd><mtd>t</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></math></td><td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr>0<mtd>1</mtd><mtd>0</mtd><mtd>t</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td colspan=\"2\" rowspan=\"2\">Cette transformation s'applique en trois dimensions et ne peut donc être représentée sur un plan.</td>",type: "html"
value: "<td colspan=\"1\" rowspan=\"2\">Une translation n'est pas une transformation linéaire sur ℝ<sup>3</sup> et ne peut donc pas être représentée avec une matrice dans le système cartésien.</td>",type: "html"
value: "<td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr>0<mtd>1</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd><mtd>t</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td>"
table.standard-table (34:1) => table
type: "html"
value: "<tr><td colspan=\"2\" rowspan=\"2\">Cette transformation s'applique en trois dimensions et ne peut donc être représentée sur un plan.</td><td colspan=\"1\" rowspan=\"2\">Une translation n'est pas une transformation linéaire sur ℝ<sup>3</sup> et ne peut donc pas être représentée avec une matrice dans le système cartésien.</td><td colspan=\"1\" rowspan=\"2\"><math><mfenced><mtable><mtr>1<mtd>0</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr>0<mtd>1</mtd><mtd>0</mtd><mtd>0</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd><mtd>t</mtd></mtr><mtr><mtd>0</mtd><mtd>0</mtd><mtd>0</mtd><mtd>1</mtd></mtr></mtable></mfenced></math></td></tr>"
