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: "html"
value: "<td><code>repeat</code></td>",type: "html"
value: "<td>The image is repeated as much as needed to cover the whole background image painting area. The last image will be clipped if it doesn't fit.</td>"
table.standard-table (83:3) => table
type: "html"
value: "<tr><td><code>repeat</code></td><td>The image is repeated as much as needed to cover the whole background image painting area. The last image will be clipped if it doesn't fit.</td></tr>"
type: "html"
value: "<td><em>radius</em></td>",type: "html"
value: "<td><img alt=\"all-corner.png\" src=\"all-corner.png\"></td>",type: "html"
value: "<td>Is a {{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}} or a {{Y3NzeHJlZigiJmx0O3BlcmNlbnRhZ2UmZ3Q7Iik=}} denoting a radius to use for the border in each corner of the border. It is used only in the one-value syntax.</td>"
table (82:1) => table
type: "html"
value: "<tr><td><em>radius</em></td><td><img alt=\"all-corner.png\" src=\"all-corner.png\"></td><td>Is a {{Y3NzeHJlZigiJmx0O2xlbmd0aCZndDsiKQ==}} or a {{Y3NzeHJlZigiJmx0O3BlcmNlbnRhZ2UmZ3Q7Iik=}} denoting a radius to use for the border in each corner of the border. It is used only in the one-value syntax.</td></tr>"
type: "paragraph"
summary: "The computed value of a CSS property is the value that is transferred from parent to child during inheritance. It is calculated from the specified value by:"
rowIndex: 1
shouldWrap: true
children:
type: "text"
value: "No change."
type: "paragraph"
summary: "The CSS Overflow module contains the features of CSS relating to scrollable overflow handling in visual media. In CSS overflow happens when the content of a box extends past one or more of the box's edges."
rowIndex: 1
shouldWrap: true
children:
type: "text"
value: "Changed syntax to allow one or two keywords instead of only one"
tr (62:3) => tableRow
type: "html"
value: "<td><p>Changed syntax to allow one or two keywords instead of only one</p></td>"
table.standard-table (53:1) => table
type: "html"
value: "<tr><td>{{U3BlY05hbWUoJ0NTUzMgT3ZlcmZsb3cnLCAnI3Byb3BkZWYtb3ZlcmZsb3cnLCAnb3ZlcmZsb3cnKQ==}}</td><td>{{U3BlYzIoJ0NTUzMgT3ZlcmZsb3cnKQ==}}</td><td><p>Changed syntax to allow one or two keywords instead of only one</p></td></tr>"
type: "paragraph"
summary: "Every CSS declaration includes a property / value pair. Depending on the property, the value can include a single integer or keyword, to a series of keywords and values with or without units. There are a common set of data types -- values and units -- that CSS properties accept. Below is an overview of most of these data types. Refer to the page for each value type for more detailed information."
rowIndex: 5
shouldWrap: true
children:
type: "text"
value: "Adds "
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;\"><th rowspan=\"3\" scope=\"row\">General</th><td><code>auto</code></td><td></td><td>The UA will determine the cursor to display based on the current context. E.g., equivalent to <code>text</code> when hovering text.</td></tr>",type: "html"
value: "<tr style=\"cursor: default;\"><td><code>default</code></td><td><img src=\"default.gif\"></td><td>The platform-dependent default cursor. Typically an arrow.</td></tr>",type: "html"
value: "<tr style=\"cursor: none;\"><td><code>none</code></td><td></td><td>No cursor is rendered.</td></tr>",type: "html"
value: "<tr style=\"cursor: context-menu;\"><th rowspan=\"5\" scope=\"row\" style=\"cursor: auto;\">Links & status</th><td><code>context-menu</code></td><td><img alt=\"context-menu.png\" src=\"context-menu.png\"></td><td>A context menu is available.</td></tr>",type: "html"
value: "<tr style=\"cursor: help;\"><td><code>help</code></td><td><img src=\"help.gif\"></td><td>Help information is available.</td></tr>",type: "html"
value: "<tr style=\"cursor: pointer;\"><td><code>pointer</code></td><td><img src=\"pointer.gif\"></td><td>The cursor is a pointer that indicates a link. Typically an image of a pointing hand.</td></tr>",type: "html"
value: "<tr style=\"cursor: progress;\"><td><code>progress</code></td><td><img src=\"progress.gif\"></td><td>The program is busy in the background, but the user can still interact with the interface (in contrast to <code>wait</code>).</td></tr>",type: "html"
value: "<tr style=\"cursor: wait;\"><td><code>wait</code></td><td><img src=\"wait.gif\"></td><td>The program is busy, and the user can't interact with the interface (in contrast to <code>progress</code>). Sometimes an image of an hourglass or a watch.</td></tr>",type: "html"
value: "<tr style=\"cursor: cell;\"><th rowspan=\"4\" scope=\"row\" style=\"cursor: auto;\">Selection</th><td><code>cell</code></td><td><img src=\"cell.gif\"></td><td>The table cell or set of cells can be selected.</td></tr>",type: "html"
value: "<tr style=\"cursor: crosshair;\"><td><code>crosshair</code></td><td><img src=\"crosshair.gif\"></td><td>Cross cursor, often used to indicate selection in a bitmap.</td></tr>",type: "html"
value: "<tr style=\"cursor: text;\"><td><code>text</code></td><td><img class=\"default\" src=\"text.gif\"></td><td>The text can be selected. Typically the shape of an I-beam.</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>The vertical text can be selected. Typically the shape of a sideways I-beam.</td></tr>",type: "html"
value: "<tr style=\"cursor: alias;\"><th rowspan=\"7\" scope=\"row\" style=\"cursor: auto;\">Drag & drop</th><td><code>alias</code></td><td><img src=\"alias.gif\"></td><td>An alias or shortcut is to be created.</td></tr>",type: "html"
value: "<tr style=\"cursor: copy;\"><td><code>copy</code></td><td><img class=\"default\" src=\"copy.gif\"></td><td>Something is to be copied.</td></tr>",type: "html"
value: "<tr style=\"cursor: move;\"><td><code>move</code></td><td><img src=\"move.gif\"></td><td>Something is to be moved.</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>An item may not be dropped at the current location.<br>{{YnVnKCIyNzUxNzMiKQ==}}: On Windows and Mac OS X, <code>no-drop</code> is the same as <code>not-allowed</code>.</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>The requested action will not be carried out.</td></tr>",type: "html"
value: "<tr style=\"cursor: grab;\"><td><code>grab</code></td><td><img class=\"default\" src=\"grab.gif\"></td><td>Something can be grabbed (dragged to be moved).</td></tr>",type: "html"
value: "<tr style=\"cursor: grabbing;\"><td><code>grabbing</code></td><td><img class=\"default\" src=\"grabbing.gif\"></td><td>Something is being grabbed (dragged to be moved).</td></tr>",type: "html"
value: "<tr style=\"cursor: all-scroll;\"><th rowspan=\"15\" scope=\"row\" style=\"cursor: auto;\">Resizing & scrolling</th><td><code>all-scroll</code></td><td><img alt=\"all-scroll.gif\" src=\"all-scroll.gif\"></td><td>Something can be scrolled in any direction (panned).<br>{{YnVnKCIyNzUxNzQiKQ==}}: On Windows, <code>all-scroll</code> is the same as <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>The item/column can be resized horizontally. Often rendered as arrows pointing left and right with a vertical bar separating them.</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>The item/row can be resized vertically. Often rendered as arrows pointing up and down with a horizontal bar separating them.</td></tr>",type: "html"
value: "<tr style=\"cursor: n-resize;\"><td><code>n-resize</code></td><td><img alt=\"Example of a resize towards the top cursor\" src=\"n-resize.gif\" style=\"border-style: solid; border-width: 0px;\"></td><td rowspan=\"8\" style=\"cursor: auto;\">Some edge is to be moved. For example, the <code>se-resize</code> cursor is used when the movement starts from the <em>south-east</em> corner of the box.<br>In some environments, an equivalent bidirectional resize cursor is shown. For example, <code>n-resize</code> and <code>s-resize</code> are the same as <code>ns-resize</code>.</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;\">Bidirectional resize cursor.</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: zoom-in;\"><th rowspan=\"2\" scope=\"row\" style=\"cursor: auto;\">Zooming</th><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>Something can be zoomed (magnified) in or out.</p></td></tr>",type: "html"
value: "<tr style=\"cursor: zoom-out;\"><td><code>zoom-out</code></td><td><img alt=\"zoom-out.gif\" class=\"default\" src=\"zoom-out.gif\"></td></tr>"
type: "paragraph"
summary: "The font-variation-settings CSS property provides low-level control over variable font characteristics, by specifying the four letter axis names of the characteristics you want to vary, along with their values."
rowIndex: 5
shouldWrap: true
children:
type: "text"
value: "{{Y3NzeHJlZigiZm9udC1vcHRpY2FsLXNpemluZyIp}}"
type: "html"
value: "<tr><th><code>inline</code>, <code>inline-block</code>, <code>inline-table</code></th><th><em>any</em></th><th><code>static</code> or <code>relative</code></th><td><code>0</code></td><td>Inline layout mode</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>any</em></th><th><code>static</code> or <code>relative</code></th><td><code>0</code>, except if both <code>margin-left</code> and <code>margin-right</code> are set to <code>auto</code>. In this case, it is set to the value centering the element inside its parent.</td><td>Block layout mode</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> or <code>right</code></th><th><code>static</code> or <code>relative</code></th><td><code>0</code></td><td>Block layout mode (floating element)</td></tr>",type: "html"
value: "<tr><th><em>any </em><code>table-*</code><em>, except </em><code>table-caption</code></th><th><em>any</em></th><th><em>any</em></th><td><code>0</code></td><td>Internal <code>table-*</code> elements don't have margins, use {{IGNzc3hyZWYoImJvcmRlci1zcGFjaW5nIikg}} instead</td></tr>",type: "html"
value: "<tr><th><em>any, except <code>flex</code>,</em> <code>inline-flex</code><em>, or </em><code>table-*</code></th><th><em>any</em></th><th><em><code>fixed</code></em> or <code>absolute</code></th><td><code>0</code>, except if both <code>margin-left</code> and <code>margin-right</code> are set to <code>auto</code>. In this case, it is set to the value centering the border area inside the available <code>width</code>, if fixed.</td><td>Absolutely positioned layout mode</td></tr>",type: "html"
value: "<tr><th><code>flex</code>, <code>inline-flex</code></th><th><em>any</em></th><th><em>any</em></th><td><code>0</code>, except if there is any positive horizontal free space. In this case, it is evenly distributed to all horizontal <code>auto</code> margins.</td><td>Flexbox layout mode</td></tr>"
type: "html"
value: "<tr><th><code>inline</code>, <code>inline-block</code>, <code>inline-table</code></th><th><em>any</em></th><th><code>static</code> or <code>relative</code></th><td><code>0</code></td><td>Inline layout mode</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>any</em></th><th><code>static</code> or <code>relative</code></th><td><code>0</code>, except if both <code>margin-left</code> and <code>margin-right</code> are set to <code>auto</code>. In this case, it is set to the value centering the element inside its parent.</td><td>Block layout mode</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> or <code>right</code></th><th><code>static</code> or <code>relative</code></th><td><code>0</code></td><td>Block layout mode (floating element)</td></tr>",type: "html"
value: "<tr><th><em>any </em><code>table-*</code><em>, except </em><code>table-caption</code></th><th><em>any</em></th><th><em>any</em></th><td><code>0</code></td><td>Internal <code>table-*</code> elements don't have margins, use {{IGNzc3hyZWYoImJvcmRlci1zcGFjaW5nIikg}} instead</td></tr>",type: "html"
value: "<tr><th><em>any, except <code>flex</code>,</em> <code>inline-flex</code><em>, or </em><code>table-*</code></th><th><em>any</em></th><th><em><code>fixed</code></em> or <code>absolute</code></th><td><code>0</code>, except if both <code>margin-left</code> and <code>margin-right</code> are set to <code>auto</code>. In this case, it is set to the value centering the border area inside the available <code>width</code>, if fixed.</td><td>Absolutely positioned layout mode</td></tr>",type: "html"
value: "<tr><th><code>flex</code>, <code>inline-flex</code></th><th><em>any</em></th><th><em>any</em></th><td><code>0</code>, except if there is any positive horizontal free space. In this case, it is evenly distributed to all horizontal <code>auto</code> margins.</td><td>Flexbox layout mode</td></tr>"
type: "html"
value: "<td><code>repeat</code></td>",type: "html"
value: "<td>The image is repeated as much as needed to cover the whole mask painting area. The last image will be clipped if it doesn't fit.</td>"
table.standard-table (88:3) => table
type: "html"
value: "<tr><td><code>repeat</code></td><td>The image is repeated as much as needed to cover the whole mask painting area. The last image will be clipped if it doesn't fit.</td></tr>"
type: "html"
value: "<td><code>auto</code></td>",type: "html"
value: "<td>Default platform rendering for the track portion of the scrollbar, in the absence of any other related scrollbar color properties.</td>"
table.standard-table (45:2) => table
type: "html"
value: "<tr><td><code>auto</code></td><td>Default platform rendering for the track portion of the scrollbar, in the absence of any other related scrollbar color properties.</td></tr>"
type: "html"
value: "<td><img src=\"border1.png\"></td>",type: "html"
value: "<td><em>The 1-value syntax</em>: <code>border-width: 1em</code> — The unique value represents all edges</td>"
td (51:8) => tableCell
type: "paragraph"
summary: "Shorthand properties are CSS properties that let you set the values of multiple other CSS properties simultaneously. Using a shorthand property, you can write more concise (and often more readable) style sheets, saving time and energy."
rowIndex: 3
shouldWrap: true
children:
type: "emphasis"
children:
type: "text"
value: "The 4-value syntax"
type: "text"
value: ": "
type: "inlineCode"
value: "border-width: 1em 2em 3em 4em"
type: "text"
value: " — The four values represent the top, right, bottom and left edges respectively, always in that order, that is clock-wise starting at the top (The initial letter of Top-Right-Bottom-Left matches the order of the consonant of the word "
type: "emphasis"
children:
type: "text"
value: "trouble"
type: "text"
value: ": TRBL) (You can also remember it as the order that the hands would rotate on a clock: "
type: "inlineCode"
value: "1em"
type: "text"
value: " starts in the 12 o'clock position, then "
type: "inlineCode"
value: "2em"
type: "text"
value: " in the 3 o'clock position, then "
type: "inlineCode"
value: "3em"
type: "text"
value: " in the 6 o'clock position, and "
type: "inlineCode"
value: "4em"
type: "text"
value: " in the 9 o'clock position)."
tr (49:7) => tableRow
type: "html"
value: "<td><p><em>The 4-value syntax</em>: <code>border-width: 1em 2em 3em 4em</code> — The four values represent the top, right, bottom and left edges respectively, always in that order, that is clock-wise starting at the top (The initial letter of Top-Right-Bottom-Left matches the order of the consonant of the word <em>trouble</em>: TRBL) (You can also remember it as the order that the hands would rotate on a clock: <code>1em</code> starts in the 12 o'clock position, then <code>2em</code> in the 3 o'clock position, then <code>3em</code> in the 6 o'clock position, and <code>4em</code> in the 9 o'clock position).</p></td>"
table.standard-table (35:5) => table
type: "html"
value: "<tr><td><img src=\"border1.png\"></td><td><em>The 1-value syntax</em>: <code>border-width: 1em</code> — The unique value represents all edges</td></tr>",type: "html"
value: "<tr><td><img src=\"border4.png\"></td><td><p><em>The 4-value syntax</em>: <code>border-width: 1em 2em 3em 4em</code> — The four values represent the top, right, bottom and left edges respectively, always in that order, that is clock-wise starting at the top (The initial letter of Top-Right-Bottom-Left matches the order of the consonant of the word <em>trouble</em>: TRBL) (You can also remember it as the order that the hands would rotate on a clock: <code>1em</code> starts in the 12 o'clock position, then <code>2em</code> in the 3 o'clock position, then <code>3em</code> in the 6 o'clock position, and <code>4em</code> in the 9 o'clock position).</p></td></tr>"
tr (61:7) => tableRow
type: "html"
value: "<td><img src=\"corner1.png\"></td>",type: "html"
value: "<td><em>The 1-value syntax</em>: <code>border-radius: 1em</code> — The unique value represents all corners</td>"
td (75:8) => tableCell
type: "paragraph"
summary: "Shorthand properties are CSS properties that let you set the values of multiple other CSS properties simultaneously. Using a shorthand property, you can write more concise (and often more readable) style sheets, saving time and energy."
rowIndex: 3
shouldWrap: true
children:
type: "emphasis"
children:
type: "text"
value: "The 4-value syntax"
type: "text"
value: ": "
type: "inlineCode"
value: "border-radius: 1em 2em 3em 4em"
type: "text"
value: " — The four values represent the top left, top right, bottom right and bottom left corners respectively, always in that order, that is clock-wise starting at the top left."
tr (73:7) => tableRow
type: "html"
value: "<td><p><em>The 4-value syntax</em>: <code>border-radius: 1em 2em 3em 4em</code> — The four values represent the top left, top right, bottom right and bottom left corners respectively, always in that order, that is clock-wise starting at the top left.</p></td>"
table.standard-table (59:5) => table
type: "html"
value: "<tr><td><img src=\"corner1.png\"></td><td><em>The 1-value syntax</em>: <code>border-radius: 1em</code> — The unique value represents all corners</td></tr>",type: "html"
value: "<tr><td><img src=\"corner4.png\"></td><td><p><em>The 4-value syntax</em>: <code>border-radius: 1em 2em 3em 4em</code> — The four values represent the top left, top right, bottom right and bottom left corners respectively, always in that order, that is clock-wise starting at the top left.</p></td></tr>"
type: "html"
value: "<td rowspan=\"3\">over</td>",type: "html"
value: "<td rowspan=\"3\">right</td>",type: "html"
value: "<td rowspan=\"3\"><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=\"4\"><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 (55:1) => table
type: "html"
value: "<tr><th rowspan=\"2\" scope=\"col\">Language</th><th colspan=\"2\" scope=\"col\">Preferred position</th><th colspan=\"2\" rowspan=\"2\" scope=\"col\">Illustration</th></tr>",type: "html"
value: "<tr><th>Horizontal</th><th>Vertical</th></tr>",type: "html"
value: "<tr><td>Japanese</td><td rowspan=\"3\">over</td><td rowspan=\"3\">right</td><td rowspan=\"3\"><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=\"4\"><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\">This transformation applies to the 3D space and can't be represented on the\nplane.</td>"
table.standard-table (36:1) => table
type: "html"
value: "<tr><td colspan=\"2\">This transformation applies to the 3D space and can't be represented on the\nplane.</td><td>A generic 3D <a href=\"https://en.wikipedia.org/wiki/Affine_transformation\">affine\ntransformation</a> can't be represented using a Cartesian-coordinate matrix, as translations are not\nlinear transformations.</td><td><math><mfenced><mtable><mtr><mtd><mi>a1</mi>\n</mtd><mtd><mi>a2</mi>\n</mtd><mtd><mi>a3</mi>\n</mtd><mtd><mi>a4</mi>\n</mtd></mtr><mtr><mtd><mi>b1</mi>\n</mtd><mtd><mi>b2</mi>\n</mtd><mtd><mi>b3</mi>\n</mtd><mtd><mi>b4</mi>\n</mtd></mtr><mtr><mtd><mi>c1</mi>\n</mtd><mtd><mi>c2</mi>\n</mtd><mtd><mi>c3</mi>\n</mtd><mtd><mi>c4</mi>\n</mtd></mtr><mtr><mtd><mi>d1</mi>\n</mtd><mtd><mi>d2</mi>\n</mtd><mtd><mi>d3</mi>\n</mtd><mtd><mi>d4</mi></mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td colspan=\"2\"><p>This transformation applies to the 3D space and can't be represented on the plane.</p></td>"
table.standard-table (44:1) => table
type: "html"
value: "<tr><td colspan=\"2\"><p>This transformation applies to the 3D space and can't be represented on the plane.</p></td><td>This transformation is not a linear transformation in ℝ^3, and can't be represented\nusing a Cartesian-coordinate matrix.</td><td><math><mfenced><mtable><mtr><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mo>−</mo>\n<mn>1</mn>\n<mo>/</mo>\n<mi>d</mi>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td rowspan=\"2\">This transformation applies to the 3D space and can't be represented on the plane.</td>"
tr (66:5) => tableRow
type: "html"
value: "<th scope=\"col\">Homogeneous coordinates on ℝℙ^2</th>"
tr (69:5) => tableRow
type: "html"
value: "<th scope=\"col\">Cartesian coordinates on ℝ^3</th>"
tr (270:5) => tableRow
type: "html"
value: "<th scope=\"col\">Homogeneous coordinates on ℝℙ^3</th>"
table.standard-table (60:1) => table
type: "html"
value: "<tr><th scope=\"col\">Cartesian coordinates on ℝ^2</th><td rowspan=\"2\">This transformation applies to the 3D space and can't be represented on the plane.</td></tr>",type: "html"
value: "<tr><th scope=\"col\">Homogeneous coordinates on ℝℙ^2</th></tr>",type: "html"
value: "<tr><th scope=\"col\">Cartesian coordinates on ℝ^3</th><td><a href=\"/en-US/docs/Web/CSS/transform-function/rotate3d()/transform-functions-rotate3d_cart.png\"><img src=\"transform-functions-rotate3d_cart.png\"></a><math>\n<mfenced><mtable><mtr><mtd><mn>1</mn>\n<mo>+</mo>\n<mo>(</mo>\n<mn>1</mn>\n<mo>-</mo>\n<mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n<mo>)</mo>\n<mo>(</mo>\n<msup><mi>x</mi>\n<mn>2</mn>\n</msup><mo>-</mo>\n<mn>1</mn>\n<mo>)</mo>\n</mtd><mtd><mi>z</mi>\n<mo>·</mo>\n<mo>sin</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n<mo>+</mo>\n<mi>x</mi>\n<mi>y</mi>\n<mo>(</mo>\n<mn>1</mn>\n<mo>-</mo>\n<mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n<mo>)</mo>\n</mtd><mtd><mo>-</mo>\n<mi>y</mi>\n<mo>·</mo>\n<mo>sin</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n<mo>+</mo>\n<mi>x</mi>\n<mi>z</mi>\n<mo>·</mo>\n<mo>(</mo>\n<mn>1</mn>\n<mo>-</mo>\n<mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n<mo>)</mo>\n</mtd></mtr><mtr><mtd><mo>-</mo>\n<mi>z</mi>\n<mo>·</mo>\n<mo>sin</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n<mo>+</mo>\n<mi>x</mi>\n<mi>y</mi>\n<mo>·</mo>\n<mo>(</mo>\n<mn>1</mn>\n<mo>-</mo>\n<mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n<mo>)</mo>\n</mtd><mtd><mn>1</mn>\n<mo>+</mo>\n<mo>(</mo>\n<mn>1</mn>\n<mo>-</mo>\n<mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n<mo>)</mo>\n<mo>(</mo>\n<mi>y2</mi>\n<mo>-</mo>\n<mn>1</mn>\n<mo>)</mo>\n</mtd><mtd><mi>x</mi>\n<mo>·</mo>\n<mo>sin</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n<mo>+</mo>\n<mi>y</mi>\n<mi>z</mi>\n<mo>·</mo>\n<mo>(</mo>\n<mn>1</mn>\n<mo>-</mo>\n<mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n<mo>)</mo>\n</mtd></mtr><mtr><mtd><mi>y</mi>\n<mo>sin</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n<mo>+</mo>\n<mi>xz</mi>\n<mo>(</mo>\n<mn>1</mn>\n<mo>-</mo>\n<mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n<mo>)</mo>\n</mtd><mtd><mo>-</mo>\n<mi>x</mi>\n<mo>sin</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n<mo>+</mo>\n<mi>yz</mi>\n<mo>(</mo>\n<mn>1</mn>\n<mo>-</mo>\n<mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n<mo>)</mo>\n</mtd><mtd><mn>1</mn>\n<mo>+</mo>\n<mo>(</mo>\n<mn>1</mn>\n<mo>-</mo>\n<mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n<mo>)</mo>\n<mo>(</mo>\n<mi>z2</mi>\n<mo>-</mo>\n<mn>1</mn>\n<mo>)</mo>\n</mtd><mtd><mi>t</mi></mtd>\n</mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td></tr>",type: "html"
value: "<tr><th scope=\"col\">Homogeneous coordinates on ℝℙ^3</th><td><a href=\"/en-US/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\">This transformation applies to the 3D space and can't be represented on the plane.</td>"
table.standard-table (51:1) => table
type: "html"
value: "<tr><td colspan=\"2\">This transformation applies to the 3D space and can't be represented on the plane.</td><td><math><mfenced><mtable><mtr><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mo>-</mo>\n<mo>sin</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mo>sin</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo></mtd></mtr></mtable></mfenced></math></td><td><math><mfenced><mtable><mtr><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mo>-</mo>\n<mo>sin</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mo>sin</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td colspan=\"2\">This transformation applies to the 3D space and can't be represented on the plane.</td>"
table.standard-table (51:1) => table
type: "html"
value: "<tr><td colspan=\"2\">This transformation applies to the 3D space and can't be represented on the plane.</td><td><math><mfenced><mtable><mtr><mtd><mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mo>sin</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mo>-</mo>\n<mo>sin</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo></mtd></mtr></mtable></mfenced></math></td><td><math><mfenced><mtable><mtr><mtd><mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mo>sin</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mo>-</mo>\n<mo>sin</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td colspan=\"2\">This transformation applies to the 3D space and can't be represented on the plane.</td>"
table.standard-table (51:1) => table
type: "html"
value: "<tr><td colspan=\"2\">This transformation applies to the 3D space and can't be represented on the plane.</td><td><math><mfenced><mtable><mtr><mtd><mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mo>-</mo>\n<mo>sin</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mo>sin</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td><td><math><mfenced><mtable><mtr><mtd><mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mo>-</mo>\n<mo>sin</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mo>sin</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mo>cos</mo>\n<mo>(</mo>\n<mi>a</mi>\n<mo>)</mo>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td colspan=\"2\">This transformation applies to the 3D space and can't be represented on the plane.</td>"
table.standard-table (50:1) => table
type: "html"
value: "<tr><td colspan=\"2\">This transformation applies to the 3D space and can't be represented on the plane.</td><td><math><mfenced><mtable><mtr><mtd><mi>sx</mi>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mi>sy</mi>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mi>sz</mi></mtd></mtr></mtable></mfenced></math></td><td><math><mfenced><mtable><mtr><mtd><mi>sx</mi>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mi>sy</mi>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mi>sz</mi>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td colspan=\"2\">This transformation applies to the 3D space and can't be represented on the plane.</td>"
table.standard-table (50:1) => table
type: "html"
value: "<tr><td colspan=\"2\">This transformation applies to the 3D space and can't be represented on the plane.</td><td><math><mfenced><mtable><mtr><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mi>s</mi></mtd></mtr></mtable></mfenced></math></td><td><math><mfenced><mtable><mtr><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mi>s</mi>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td rowspan=\"2\"><p>A translation is not a linear transformation in ℝ^2 and can't be represented using a\nCartesian-coordinate matrix.</p></td>",type: "html"
value: "<td rowspan=\"2\"><math><mfenced><mtable><mtr><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mi>tx</mi>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mi>ty</mi>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td>",type: "html"
value: "<td rowspan=\"2\"><math><mfenced><mtable><mtr><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mi>tx</mi>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mi>ty</mi>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td>"
table.standard-table (54:1) => table
type: "html"
value: "<tr><td rowspan=\"2\"><p>A translation is not a linear transformation in ℝ^2 and can't be represented using a\nCartesian-coordinate matrix.</p></td><td><math><mfenced><mtable><mtr><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mi>tx</mi>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mi>ty</mi>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td><td rowspan=\"2\"><math><mfenced><mtable><mtr><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mi>tx</mi>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mi>ty</mi>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td><td rowspan=\"2\"><math><mfenced><mtable><mtr><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mi>tx</mi>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mi>ty</mi>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td colspan=\"2\"><p>This transformation applies to the 3D space and can't be represented on the plane.</p></td>"
table.standard-table (44:1) => table
type: "html"
value: "<tr><td colspan=\"2\"><p>This transformation applies to the 3D space and can't be represented on the plane.</p></td><td>A translation is not a linear transformation in ℝ^3 and can't be represented using a\nCartesian-coordinate matrix.</td><td><math><mfenced><mtable><mtr><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mi>tx</mi>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mi>ty</mi>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mi>tz</mi>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td rowspan=\"2\"><p>A translation is not a linear transformation in ℝ^2 and can't be represented using a\nCartesian-coordinate matrix.</p></td>",type: "html"
value: "<td rowspan=\"2\"><math><mfenced><mtable><mtr><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mi>t</mi>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td>",type: "html"
value: "<td rowspan=\"2\"><math><mfenced><mtable><mtr><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mi>t</mi>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td>"
table.standard-table (44:1) => table
type: "html"
value: "<tr><td rowspan=\"2\"><p>A translation is not a linear transformation in ℝ^2 and can't be represented using a\nCartesian-coordinate matrix.</p></td><td><math><mfenced><mtable><mtr><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mi>t</mi>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td><td rowspan=\"2\"><math><mfenced><mtable><mtr><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mi>t</mi>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td><td rowspan=\"2\"><math><mfenced><mtable><mtr><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mi>t</mi>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td rowspan=\"2\"><p>A translation is not a linear transformation in ℝ^2 and can't be represented using a\nCartesian-coordinate matrix.</p></td>",type: "html"
value: "<td rowspan=\"2\"><math><mfenced><mtable><mtr><mtd><mn>1</mn></mtd>\n<mtd><mn>0</mn></mtd>\n<mtd><mn>0</mn></mtd>\n</mtr><mtr><mtd><mn>0</mn></mtd>\n<mtd><mn>1</mn></mtd>\n<mtd><mi>t</mi></mtd>\n</mtr><mtr><mtd><mn>0</mn></mtd>\n<mtd><mn>0</mn></mtd>\n<mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td>",type: "html"
value: "<td rowspan=\"2\"><math><mfenced><mtable><mtr><mtd><mn>1</mn></mtd>\n<mtd><mn>0</mn></mtd>\n<mtd><mn>0</mn></mtd>\n<mtd><mn>0</mn></mtd>\n</mtr><mtr><mtd><mn>0</mn></mtd>\n<mtd><mn>1</mn></mtd>\n<mtd><mn>0</mn></mtd>\n<mtd><mi>t</mi></mtd>\n</mtr><mtr><mtd><mn>0</mn></mtd>\n<mtd><mn>0</mn></mtd>\n<mtd><mn>1</mn></mtd>\n<mtd><mn>0</mn></mtd>\n</mtr><mtr><mtd><mn>0</mn></mtd>\n<mtd><mn>0</mn></mtd>\n<mtd><mn>0</mn></mtd>\n<mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td>"
table.standard-table (44:1) => table
type: "html"
value: "<tr><td rowspan=\"2\"><p>A translation is not a linear transformation in ℝ^2 and can't be represented using a\nCartesian-coordinate matrix.</p></td><td><math><mfenced><mtable><mtr><mtd><mn>1</mn></mtd>\n<mtd><mn>0</mn></mtd>\n<mtd><mn>0</mn></mtd>\n</mtr><mtr><mtd><mn>0</mn></mtd>\n<mtd><mn>1</mn></mtd>\n<mtd><mi>t</mi></mtd>\n</mtr><mtr><mtd><mn>0</mn></mtd>\n<mtd><mn>0</mn></mtd>\n<mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td><td rowspan=\"2\"><math><mfenced><mtable><mtr><mtd><mn>1</mn></mtd>\n<mtd><mn>0</mn></mtd>\n<mtd><mn>0</mn></mtd>\n</mtr><mtr><mtd><mn>0</mn></mtd>\n<mtd><mn>1</mn></mtd>\n<mtd><mi>t</mi></mtd>\n</mtr><mtr><mtd><mn>0</mn></mtd>\n<mtd><mn>0</mn></mtd>\n<mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td><td rowspan=\"2\"><math><mfenced><mtable><mtr><mtd><mn>1</mn></mtd>\n<mtd><mn>0</mn></mtd>\n<mtd><mn>0</mn></mtd>\n<mtd><mn>0</mn></mtd>\n</mtr><mtr><mtd><mn>0</mn></mtd>\n<mtd><mn>1</mn></mtd>\n<mtd><mn>0</mn></mtd>\n<mtd><mi>t</mi></mtd>\n</mtr><mtr><mtd><mn>0</mn></mtd>\n<mtd><mn>0</mn></mtd>\n<mtd><mn>1</mn></mtd>\n<mtd><mn>0</mn></mtd>\n</mtr><mtr><mtd><mn>0</mn></mtd>\n<mtd><mn>0</mn></mtd>\n<mtd><mn>0</mn></mtd>\n<mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td></tr>"
type: "html"
value: "<td colspan=\"2\">This transformation applies to the 3D space and can't be represented on the plane.</td>"
table.standard-table (49:1) => table
type: "html"
value: "<tr><td colspan=\"2\">This transformation applies to the 3D space and can't be represented on the plane.</td><td>A translation is not a linear transformation in ℝ^3 and can't be represented using a\nCartesian-coordinate matrix.</td><td><math><mfenced><mtable><mtr><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn>\n</mtd><mtd><mi>t</mi>\n</mtd></mtr><mtr><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>0</mn>\n</mtd><mtd><mn>1</mn></mtd></mtr></mtable></mfenced></math></td></tr>"
type: "paragraph"
summary: "The used value of a CSS property is its value after all calculations have been performed on the computed value."
rowIndex: 1
shouldWrap: true
children:
type: "text"
value: "No change."