1 files changed, 315 insertions, 0 deletions
diff --git a/files/fr/web/css/css_properties_reference/index.html b/files/fr/web/css/css_properties_reference/index.html
new file mode 100644
index 0000000000..7c0812f001
--- /dev/null
+++ b/files/fr/web/css/css_properties_reference/index.html
@@ -0,0 +1,315 @@
+---
+title: Référence des propriétés CSS
+slug: Web/CSS/CSS_Properties_Reference
+tags:
+  - CSS
+translation_of: Web/CSS/CSS_Properties_Reference
+---
+<div>{{CSSRef}}</div>
+
+<h2 id="Référence_des_propriétés_CSS_usuelles">Référence des propriétés CSS usuelles</h2>
+
+<p>Voici ci-dessous une liste simple des propriétés CSS les plus fréquemment utilisées avec leur équivalent en notation DOM,  habituellement utilisée avec JavaScript :</p>
+
+<div class="note"><strong>Note :</strong>  Cette liste n'est pas exhaustive. Pour davantage de propriétés CSS, voir <a href="/fr/docs/Web/CSS/Reference">la référence CSS</a> et <a href="/fr/docs/Web/CSS/Extensions_Mozilla">les extensions CSS spécifiques à Mozilla</a>.</div>
+
+<table>
+ <thead>
+  <tr>
+   <th scope="col"><strong>CSS</strong></th>
+   <th scope="col"><strong>JavaScript</strong></th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td><code>background</code></td>
+   <td><code>background</code></td>
+  </tr>
+  <tr>
+   <td><code>background-attachment</code></td>
+   <td><code>backgroundAttachment</code></td>
+  </tr>
+  <tr>
+   <td><code>background-color</code></td>
+   <td><code>backgroundColor</code></td>
+  </tr>
+  <tr>
+   <td><code>background-image</code></td>
+   <td><code>backgroundImage</code></td>
+  </tr>
+  <tr>
+   <td><code>background-position</code></td>
+   <td><code>backgroundPosition</code></td>
+  </tr>
+  <tr>
+   <td><code>background-repeat</code></td>
+   <td><code>backgroundRepeat</code></td>
+  </tr>
+  <tr>
+   <td><code>border</code></td>
+   <td><code>border</code></td>
+  </tr>
+  <tr>
+   <td><code>border-bottom</code></td>
+   <td><code>borderBottom</code></td>
+  </tr>
+  <tr>
+   <td><code>border-bottom-color</code></td>
+   <td><code>borderBottomColor</code></td>
+  </tr>
+  <tr>
+   <td><code>border-bottom-style</code></td>
+   <td><code>borderBottomStyle</code></td>
+  </tr>
+  <tr>
+   <td><code>border-bottom-width</code></td>
+   <td><code>borderBottomWidth</code></td>
+  </tr>
+  <tr>
+   <td><code>border-color</code></td>
+   <td><code>borderColor</code></td>
+  </tr>
+  <tr>
+   <td><code>border-left</code></td>
+   <td><code>borderLeft</code></td>
+  </tr>
+  <tr>
+   <td><code>border-left-color</code></td>
+   <td><code>borderLeftColor</code></td>
+  </tr>
+  <tr>
+   <td><code>border-left-style</code></td>
+   <td><code>borderLeftStyle</code></td>
+  </tr>
+  <tr>
+   <td><code>border-left-width</code></td>
+   <td><code>borderLeftWidth</code></td>
+  </tr>
+  <tr>
+   <td><code>border-right</code></td>
+   <td><code>borderRight</code></td>
+  </tr>
+  <tr>
+   <td><code>border-right-color</code></td>
+   <td><code>borderRightColor</code></td>
+  </tr>
+  <tr>
+   <td><code>border-right-style</code></td>
+   <td><code>borderRightStyle</code></td>
+  </tr>
+  <tr>
+   <td><code>border-right-width</code></td>
+   <td><code>borderRightWidth</code></td>
+  </tr>
+  <tr>
+   <td><code>border-style</code></td>
+   <td><code>borderStyle</code></td>
+  </tr>
+  <tr>
+   <td><code>border-top</code></td>
+   <td><code>borderTop</code></td>
+  </tr>
+  <tr>
+   <td><code>border-top-color</code></td>
+   <td><code>borderTopColor</code></td>
+  </tr>
+  <tr>
+   <td><code>border-top-style</code></td>
+   <td><code>borderTopStyle</code></td>
+  </tr>
+  <tr>
+   <td><code>border-top-width</code></td>
+   <td><code>borderTopWidth</code></td>
+  </tr>
+  <tr>
+   <td><code>border-width</code></td>
+   <td><code>borderWidth</code></td>
+  </tr>
+  <tr>
+   <td><code>clear</code></td>
+   <td><code>clear</code></td>
+  </tr>
+  <tr>
+   <td><code>clip</code></td>
+   <td><code>clip</code></td>
+  </tr>
+  <tr>
+   <td><code>color</code></td>
+   <td><code>color</code></td>
+  </tr>
+  <tr>
+   <td><code>cursor</code></td>
+   <td><code>cursor</code></td>
+  </tr>
+  <tr>
+   <td><code>display</code></td>
+   <td><code>display</code></td>
+  </tr>
+  <tr>
+   <td><code>filter</code></td>
+   <td><code>filter</code></td>
+  </tr>
+  <tr>
+   <td><code>float</code></td>
+   <td><code>cssFloat</code></td>
+  </tr>
+  <tr>
+   <td><code>font</code></td>
+   <td><code>font</code></td>
+  </tr>
+  <tr>
+   <td><code>font-family</code></td>
+   <td><code>fontFamily</code></td>
+  </tr>
+  <tr>
+   <td><code>font-size</code></td>
+   <td><code>fontSize</code></td>
+  </tr>
+  <tr>
+   <td><code>font-variant</code></td>
+   <td><code>fontVariant</code></td>
+  </tr>
+  <tr>
+   <td><code>font-weight</code></td>
+   <td><code>fontWeight</code></td>
+  </tr>
+  <tr>
+   <td><code>height</code></td>
+   <td><code>height</code></td>
+  </tr>
+  <tr>
+   <td><code>left</code></td>
+   <td><code>left</code></td>
+  </tr>
+  <tr>
+   <td><code>letter-spacing</code></td>
+   <td><code>letterSpacing</code></td>
+  </tr>
+  <tr>
+   <td><code>line-height</code></td>
+   <td><code>lineHeight</code></td>
+  </tr>
+  <tr>
+   <td><code>list-style</code></td>
+   <td><code>listStyle</code></td>
+  </tr>
+  <tr>
+   <td><code>list-style-image</code></td>
+   <td><code>listStyleImage</code></td>
+  </tr>
+  <tr>
+   <td><code>list-style-position</code></td>
+   <td><code>listStylePosition</code></td>
+  </tr>
+  <tr>
+   <td><code>list-style-type</code></td>
+   <td><code>listStyleType</code></td>
+  </tr>
+  <tr>
+   <td><code>margin</code></td>
+   <td><code>margin</code></td>
+  </tr>
+  <tr>
+   <td><code>margin-bottom</code></td>
+   <td><code>marginBottom</code></td>
+  </tr>
+  <tr>
+   <td><code>margin-left</code></td>
+   <td><code>marginLeft</code></td>
+  </tr>
+  <tr>
+   <td><code>margin-right</code></td>
+   <td><code>marginRight</code></td>
+  </tr>
+  <tr>
+   <td><code>margin-top</code></td>
+   <td><code>marginTop</code></td>
+  </tr>
+  <tr>
+   <td><code>overflow</code></td>
+   <td><code>overflow</code></td>
+  </tr>
+  <tr>
+   <td><code>padding</code></td>
+   <td><code>padding</code></td>
+  </tr>
+  <tr>
+   <td><code>padding-bottom</code></td>
+   <td><code>paddingBottom</code></td>
+  </tr>
+  <tr>
+   <td><code>padding-left</code></td>
+   <td><code>paddingLeft</code></td>
+  </tr>
+  <tr>
+   <td><code>padding-right</code></td>
+   <td><code>paddingRight</code></td>
+  </tr>
+  <tr>
+   <td><code>padding-top</code></td>
+   <td><code>paddingTop</code></td>
+  </tr>
+  <tr>
+   <td><code>page-break-after</code></td>
+   <td><code>pageBreakAfter</code></td>
+  </tr>
+  <tr>
+   <td><code>page-break-before</code></td>
+   <td><code>pageBreakBefore</code></td>
+  </tr>
+  <tr>
+   <td><code>position</code></td>
+   <td><code>position</code></td>
+  </tr>
+  <tr>
+   <td><code>stroke-dasharray</code></td>
+   <td><code>strokeDasharray</code></td>
+  </tr>
+  <tr>
+   <td><code>stroke-dashoffset</code></td>
+   <td><code>strokeDashoffset</code></td>
+  </tr>
+  <tr>
+   <td><code>stroke-width</code></td>
+   <td><code>strokeWidth</code></td>
+  </tr>
+  <tr>
+   <td><code>text-align</code></td>
+   <td><code>textAlign</code></td>
+  </tr>
+  <tr>
+   <td><code>text-decoration</code></td>
+   <td><code>textDecoration</code></td>
+  </tr>
+  <tr>
+   <td><code>text-indent</code></td>
+   <td><code>textIndent</code></td>
+  </tr>
+  <tr>
+   <td><code>text-transform</code></td>
+   <td><code>textTransform</code></td>
+  </tr>
+  <tr>
+   <td><code>top</code></td>
+   <td><code>top</code></td>
+  </tr>
+  <tr>
+   <td><code>vertical-align</code></td>
+   <td><code>verticalAlign</code></td>
+  </tr>
+  <tr>
+   <td><code>visibility</code></td>
+   <td><code>visibility</code></td>
+  </tr>
+  <tr>
+   <td><code>width</code></td>
+   <td><code>width</code></td>
+  </tr>
+  <tr>
+   <td><code>z-index</code></td>
+   <td><code>zIndex</code></td>
+  </tr>
+ </tbody>
+</table>
+
+<p> </p>