diff options
author | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-09-17 20:15:31 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-09-17 20:15:31 +0200 |
commit | 3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f (patch) | |
tree | 09fe8f8a5fae5235b62918e8b7161fd34480b8d0 /files/fr/web/css/css_logical_properties/index.html | |
parent | 3518481e9190f19bbf81741704f45cb3c1761758 (diff) | |
download | translated-content-3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f.tar.gz translated-content-3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f.tar.bz2 translated-content-3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f.zip |
Prepare CSS section for Markdown conversion (#2307)
* Removes summary / seoSummary classes
* Remove div class=hidden and some notranslate
* Remove hidden paragraphs for live sample
* Remove hidden paragraphs for live sample - take 2
* Remove other hidden div and p - updated w/ en-US when necessary
* Remove ids
* Remove notranslate class
* Fix typo which broke build
* remove div class='index'
* remove useless <span style=...>
* remove non typographical sups
* remove non typographical subs
* remove blockindicator and fix some div.note
* fix build :/
* remove useless classes
* fix build - again :x
* fix unhandled elements 1/N + embedlivesample build fail
* fix div.warning
* Fix fixable flaws - hoping to reduce error conversion
* Remove unecessary images (same as en-US)
* fix div notes
* fix warnings
* fix some dl handling
* fix dls
* Fix a bunch of conversion errors
* rm unhandled figures
* Fix other set of issues and revamp easing-function page
* Fix some one-offs conversion errors (incl. deki files)
* fix the rest of one-off conversion issues
* Fix last dl standing
Diffstat (limited to 'files/fr/web/css/css_logical_properties/index.html')
-rw-r--r-- | files/fr/web/css/css_logical_properties/index.html | 52 |
1 files changed, 21 insertions, 31 deletions
diff --git a/files/fr/web/css/css_logical_properties/index.html b/files/fr/web/css/css_logical_properties/index.html index bf77e064c1..7d671c63ed 100644 --- a/files/fr/web/css/css_logical_properties/index.html +++ b/files/fr/web/css/css_logical_properties/index.html @@ -11,7 +11,7 @@ translation_of: Web/CSS/CSS_Logical_Properties --- <div>{{CSSRef}}</div> -<p class="summary"><em><strong>CSS Logical Properties</strong></em> (les propriétés logiques CSS) est un module CSS qui définit une correspondance logique vers les propriétés physiques de contrôle de la mise en page selon le sens de lecture et l'orientation du texte. On aura deux directions logiques : <em>block</em> et <em>inline</em>, perpendiculaires, qui dépendent du sens de l'orientation du document.</p> +<p><em><strong>CSS Logical Properties</strong></em> (les propriétés logiques CSS) est un module CSS qui définit une correspondance logique vers les propriétés physiques de contrôle de la mise en page selon le sens de lecture et l'orientation du texte. On aura deux directions logiques : <em>block</em> et <em>inline</em>, perpendiculaires, qui dépendent du sens de l'orientation du document.</p> <p>Ce module définit également les propriétés logiques et les valeurs pour les propriétés précédemment définies avec <abbr title="Cascading Stylesheets">CSS</abbr> 2.1. Les propriétés logiques sont des propriétés dont l'orientation est relative au mode d'écriture du document et possèdent des propriétés physiques équivalentes.</p> @@ -20,9 +20,9 @@ translation_of: Web/CSS/CSS_Logical_Properties <p>Les propriétés et valeurs logiques utilisent les termes abstraits <em>bloc</em> (<em>block</em>) ou ligne (<em>inline</em>) afin de décrire leur direction. La signification physique de ces termes dépend du <a href="/fr/docs/Web/CSS/CSS_Writing_Modes">mode d'écriture</a>.</p> <dl> - <dt><a id="block-dimension" name="block-dimension">Dimension de bloc</a></dt> + <dt>Dimension de bloc</dt> <dd>C'est la dimension perpendiculaire au flux du texte sur une ligne. Autrement dit, il s'agit de la dimension verticale lorsque le texte est écrit dans un mode horizontal et de la dimension horizontale lorsque le texte est écrit verticalement (pour le français, cette dimension correspond donc à l'axe vertical).</dd> - <dt><a name="inline-dimension">Dimension en ligne</a></dt> + <dt>Dimension en ligne</dt> <dd>C'est la dimension parallèle au flux du texte sur une ligne. Autrement dit, il s'agit de la dimension horizontale lorsque le texte est écrit dans un mode horizontal et de la dimension verticale lorsque le texte est écrit verticalement (pour le français, cette dimension correspond donc à l'axe horizontal).</dd> </dl> @@ -30,7 +30,6 @@ translation_of: Web/CSS/CSS_Logical_Properties <h3 id="Propriétés_relatives_au_dimensionnement">Propriétés relatives au dimensionnement</h3> -<div class="index"> <ul> <li>{{CSSxRef("block-size")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("inline-size")}} {{Experimental_Inline}}</li> @@ -39,11 +38,9 @@ translation_of: Web/CSS/CSS_Logical_Properties <li>{{CSSxRef("min-block-size")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("min-inline-size")}} {{Experimental_Inline}}</li> </ul> -</div> <h3 id="Propriétés_relatives_aux_marges_bordures_et_remplissages">Propriétés relatives aux marges, bordures et remplissages</h3> -<div class="index"> <ul> <li>{{CSSxRef("border-block")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("border-block-color")}} {{Experimental_Inline}}</li> @@ -57,7 +54,7 @@ translation_of: Web/CSS/CSS_Logical_Properties <li>{{CSSxRef("border-block-start-width")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("border-block-style")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("border-block-width")}} {{Experimental_Inline}}</li> - <li>{{CSSxRef("border-color")}} <span style="white-space: nowrap;">(mot-clé <code>logical</code> {{Experimental_Inline}})</span></li> + <li>{{CSSxRef("border-color")}} (mot-clé <code>logical</code> {{Experimental_Inline}})</li> <li>{{CSSxRef("border-inline")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("border-inline-color")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("border-inline-end")}} {{Experimental_Inline}}</li> @@ -74,16 +71,16 @@ translation_of: Web/CSS/CSS_Logical_Properties <li>{{CSSxRef("border-start-end-radius")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("border-end-start-radius")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("border-end-end-radius")}} {{Experimental_Inline}}</li> - <li>{{CSSxRef("border-style")}} <span style="white-space: nowrap;">(mot-clé <code>logical</code> {{Experimental_Inline}})</span></li> - <li>{{CSSxRef("border-width")}} <span style="white-space: nowrap;">(mot-clé <code>logical</code> {{Experimental_Inline}})</span></li> - <li>{{CSSxRef("margin")}} <span style="white-space: nowrap;">(mot-clé <code>logical</code> {{Experimental_Inline}})</span></li> + <li>{{CSSxRef("border-style")}} (mot-clé <code>logical</code> {{Experimental_Inline}})</li> + <li>{{CSSxRef("border-width")}} (mot-clé <code>logical</code> {{Experimental_Inline}})</li> + <li>{{CSSxRef("margin")}} (mot-clé <code>logical</code> {{Experimental_Inline}})</li> <li>{{CSSxRef("margin-block")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("margin-block-end")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("margin-block-start")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("margin-inline")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("margin-inline-end")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("margin-inline-start")}} {{Experimental_Inline}}</li> - <li>{{CSSxRef("padding")}} <span style="white-space: nowrap;">(mot-clé <code>logical</code> {{Experimental_Inline}})</span></li> + <li>{{CSSxRef("padding")}} (mot-clé <code>logical</code> {{Experimental_Inline}})</li> <li>{{CSSxRef("padding-block")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("padding-block-end")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("padding-block-start")}} {{Experimental_Inline}}</li> @@ -91,14 +88,12 @@ translation_of: Web/CSS/CSS_Logical_Properties <li>{{CSSxRef("padding-inline-end")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("padding-inline-start")}} {{Experimental_Inline}}</li> </ul> -</div> <h3 id="Propriétés_relatives_aux_flottements_et_au_positionnement">Propriétés relatives aux flottements et au positionnement</h3> -<div class="index"> <ul> - <li>{{CSSxRef("clear")}} (mots-clés <code style="white-space: nowrap;">inline-end</code> {{Experimental_Inline}} et <span style="white-space: nowrap;"><code>inline-start</code> {{Experimental_Inline}})</span></li> - <li>{{CSSxRef("float")}} (mots-clés <code style="white-space: nowrap;">inline-end</code> {{Experimental_Inline}} et <span style="white-space: nowrap;"><code>inline-start</code> {{Experimental_Inline}})</span></li> + <li>{{CSSxRef("clear")}} (mots-clés <code>inline-end</code> {{Experimental_Inline}} et <code>inline-start</code> {{Experimental_Inline}})</li> + <li>{{CSSxRef("float")}} (mots-clés <code>inline-end</code> {{Experimental_Inline}} et <code>inline-start</code> {{Experimental_Inline}})</li> <li>{{CSSxRef("inset")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("inset-block")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("inset-block-end")}} {{Experimental_Inline}}</li> @@ -107,38 +102,33 @@ translation_of: Web/CSS/CSS_Logical_Properties <li>{{CSSxRef("inset-inline-end")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("inset-inline-start")}} {{Experimental_Inline}}</li> </ul> -</div> <h3 id="Autres_propriétés">Autres propriétés</h3> -<div class="index"> <ul> - <li>{{CSSxRef("caption-side")}} (mots-clés <code style="white-space: nowrap;">inline-end</code> {{Experimental_Inline}} et <span style="white-space: nowrap;"><code>inline-start</code> {{Experimental_Inline}})</span></li> + <li>{{CSSxRef("caption-side")}} (mots-clés <code>inline-end</code> {{Experimental_Inline}} et <code>inline-start</code> {{Experimental_Inline}})</li> <li>{{CSSxRef("overflow-block")}} {{Experimental_Inline}}</li> <li>{{CSSxRef("overflow-inline")}} {{Experimental_Inline}}</li> - <li>{{CSSxRef("resize")}} {{Experimental_Inline}} (mots-clés <code>block</code> {{Experimental_Inline}} et <span style="white-space: nowrap;"><code>inline</code> {{Experimental_Inline}})</span></li> - <li>{{CSSxRef("text-align")}} (mots-clés <code>end</code> {{Experimental_Inline}} et <span style="white-space: nowrap;"><code>start</code> {{Experimental_Inline}})</span></li> + <li>{{CSSxRef("resize")}} {{Experimental_Inline}} (mots-clés <code>block</code> {{Experimental_Inline}} et <code>inline</code> {{Experimental_Inline}})</li> + <li>{{CSSxRef("text-align")}} (mots-clés <code>end</code> {{Experimental_Inline}} et <code>start</code> {{Experimental_Inline}})</li> </ul> -</div> <h3 id="Propriétés_dépréciées">Propriétés dépréciées</h3> -<div class="index"> <ul> - <li>{{CSSxRef("offset-block-end")}} {{Non-standard_Inline}} {{Deprecated_Inline}} <span style="white-space: nowrap;">(désormais {{CSSxRef("inset-block-end")}} {{Experimental_Inline}})</span></li> - <li>{{CSSxRef("offset-block-start")}} {{Non-standard_Inline}} {{Deprecated_Inline}} <span style="white-space: nowrap;">(désormais {{CSSxRef("inset-block-start")}} {{Experimental_Inline}})</span></li> - <li>{{CSSxRef("offset-inline-end")}} {{Non-standard_Inline}} {{Deprecated_Inline}} <span style="white-space: nowrap;">(désormais {{CSSxRef("inset-inline-end")}} {{Experimental_Inline}})</span></li> - <li>{{CSSxRef("offset-inline-start")}} {{Non-standard_Inline}} {{Deprecated_Inline}} <span style="white-space: nowrap;">(désormais {{CSSxRef("inset-inline-start")}} {{Experimental_Inline}})</span></li> + <li>{{CSSxRef("inset-block-end")}} {{Non-standard_Inline}} {{Deprecated_Inline}} (désormais {{CSSxRef("inset-block-end")}} {{Experimental_Inline}})</li> + <li>{{CSSxRef("inset-block-start")}} {{Non-standard_Inline}} {{Deprecated_Inline}} (désormais {{CSSxRef("inset-block-start")}} {{Experimental_Inline}})</li> + <li>{{CSSxRef("inset-inline-end")}} {{Non-standard_Inline}} {{Deprecated_Inline}} (désormais {{CSSxRef("inset-inline-end")}} {{Experimental_Inline}})</li> + <li>{{CSSxRef("inset-inline-start")}} {{Non-standard_Inline}} {{Deprecated_Inline}} (désormais {{CSSxRef("inset-inline-start")}} {{Experimental_Inline}})</li> </ul> -</div> <h2 id="Guides">Guides</h2> <ul> - <li><a href="/fr/docs/Web/CSS/CSS_Logical_Properties/Concepts_de_base">Concepts de base pour les propriétés logiques et les valeurs logiques</a></li> - <li><a href="/fr/docs/Web/CSS/CSS_Logical_Properties/Dimensionnement">Les propriétés logiques utiles au dimensionnement</a></li> - <li><a href="/fr/docs/Web/CSS/CSS_Logical_Properties/Propriétés_logiques_marges_bordures_remplissages">Les propriétés logiques utiles aux marges, bordures et remplissage (<em>padding</em>)</a></li> - <li><a href="/fr/docs/Web/CSS/CSS_Logical_Properties/Propriétés_logiques_flottements_positionnement">Les propriétés logiques utiles aux flottements et au positionnement</a></li> + <li><a href="/fr/docs/Web/CSS/CSS_Logical_Properties/Basic_concepts">Concepts de base pour les propriétés logiques et les valeurs logiques</a></li> + <li><a href="/fr/docs/Web/CSS/CSS_Logical_Properties/Sizing">Les propriétés logiques utiles au dimensionnement</a></li> + <li><a href="/fr/docs/Web/CSS/CSS_Logical_Properties/Margins_borders_padding">Les propriétés logiques utiles aux marges, bordures et remplissage (<em>padding</em>)</a></li> + <li><a href="/fr/docs/Web/CSS/CSS_Logical_Properties/Floating_and_positioning">Les propriétés logiques utiles aux flottements et au positionnement</a></li> </ul> <h2 id="Spécifications">Spécifications</h2> |