From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- files/fr/web/css/overflow-block/index.md | 131 ++++++++++++++----------------- 1 file changed, 57 insertions(+), 74 deletions(-) (limited to 'files/fr/web/css/overflow-block') diff --git a/files/fr/web/css/overflow-block/index.md b/files/fr/web/css/overflow-block/index.md index ee9da652bc..5d6a858d0f 100644 --- a/files/fr/web/css/overflow-block/index.md +++ b/files/fr/web/css/overflow-block/index.md @@ -8,17 +8,16 @@ tags: - Reference translation_of: Web/CSS/overflow-block --- -
{{CSSRef}}
+{{CSSRef}} -

La propriété CSS overflow-block est une propriété logique qui définit ce qu'il faut afficher quand le contenu dépasse d'un élément de bloc sur les bords de bloc (ceux orthogonaux au sens d'écriture). On peut choisir d'afficher rien, une barre de défilement ou de laisser le contenu dépasser.

+La propriété CSS **`overflow-block`** est une propriété logique qui définit ce qu'il faut afficher quand le contenu dépasse d'un élément de bloc sur les bords de bloc (ceux orthogonaux au sens d'écriture). On peut choisir d'afficher rien, une barre de défilement ou de laisser le contenu dépasser. -
-

Note : La propriété overflow-block correspond à {{cssxref("overflow-y")}} ou {{cssxref("overflow-x")}} selon le mode d'écriture du document.

-
+> **Note :** La propriété `overflow-block` correspond à {{cssxref("overflow-y")}} ou {{cssxref("overflow-x")}} selon le mode d'écriture du document. -

Syntaxe

+## Syntaxe -
/* Valeurs avec un mot-clé */
+```css
+/* Valeurs avec un mot-clé */
 overflow-block: visible;
 overflow-block: hidden;
 overflow-block: scroll;
@@ -28,62 +27,61 @@ overflow-block: auto;
 overflow-block: inherit;
 overflow-block: initial;
 overflow-block: unset;
-
+``` -

La propriété overflow-block se définit avec un mot-clé parmi ceux de la liste suivante.

+La propriété `overflow-block` se définit avec un mot-clé parmi ceux de la liste suivante. -

Valeurs

+### Valeurs -
-
visible
-
Le contenu n'est pas rogné et peut être affiché en dehors des limites de bloc de la boîte.
-
hidden
-
Le contenu qui dépasse est masqué afin de ne pas dépasser dans l'axe de bloc. Aucune barre de défilement n'est affichée.
-
scroll
-
Le contenu est rogné si nécessaire selon l'axe de bloc pour tenir dans la boîte (de remplissage). Les navigateurs affichent des barres de défilement que le contenu soit rogné ou non (on évite ainsi d'avoir des barres qui apparaissent/disparaissent lorsque le contenu change). Les imprimantes peuvent imprimer le contenu qui dépasse.
-
auto
-
Le comportement de cette valeur dépend de l'agent utilisateur. Si le contenu tient dans la boîte de remplissage, elle se comportera comme visible mais établira un nouveau contexte de formatage. Les navigateurs de bureau affichent des barres de défilement si le contenu dépasse.
-
+- `visible` + - : Le contenu n'est pas rogné et peut être affiché en dehors des limites de bloc de la boîte. +- `hidden` + - : Le contenu qui dépasse est masqué afin de ne pas dépasser dans l'axe de bloc. Aucune barre de défilement n'est affichée. +- `scroll` + - : Le contenu est rogné si nécessaire selon l'axe de bloc pour tenir dans la boîte (de remplissage). Les navigateurs affichent des barres de défilement que le contenu soit rogné ou non (on évite ainsi d'avoir des barres qui apparaissent/disparaissent lorsque le contenu change). Les imprimantes peuvent imprimer le contenu qui dépasse. +- `auto` + - : Le comportement de cette valeur dépend de l'agent utilisateur. Si le contenu tient dans la boîte de remplissage, elle se comportera comme `visible` mais établira un nouveau contexte de formatage. Les navigateurs de bureau affichent des barres de défilement si le contenu dépasse. -

Syntaxe formelle

+### Syntaxe formelle {{csssyntax}} -

Exemples

+## Exemples -

HTML

+### HTML -
<ul>
-  <li><code>overflow-block:hidden</code> — masque le texte en dehors
-  <div id="div1">
+```html
+
+ + + +``` -

CSS

+### CSS -
#div1,
+```css
+#div1,
 #div2,
 #div3,
 #div4 {
@@ -96,41 +94,26 @@ overflow-block: unset;
 #div2 { overflow-block: scroll; margin-bottom: 12px;}
 #div3 { overflow-block: visible; margin-bottom: 120px;}
 #div4 { overflow-block: auto; margin-bottom: 120px;}
-
+``` -

Résultat

+### Résultat -

{{EmbedLiveSample("Exemples", "100%", "780")}}

+{{EmbedLiveSample("Exemples", "100%", "780")}} -

Spécifications

+## Spécifications - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS3 Overflow', '#propdef-overflow-block', 'overflow-block')}}{{Spec2('CSS3 Overflow')}} 
+| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------------------------------- | ------------------------------------ | ------------ | +| {{SpecName('CSS3 Overflow', '#propdef-overflow-block', 'overflow-block')}} | {{Spec2('CSS3 Overflow')}} |   | -
{{cssinfo}}
+{{cssinfo}} -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("css.properties.overflow-block")}}

+{{Compat("css.properties.overflow-block")}} -

Voir aussi

+## Voir aussi - +- Propriétés CSS associées : {{cssxref("text-overflow")}}, {{cssxref("white-space")}}, {{cssxref("overflow")}}, {{cssxref("overflow-inline")}}, {{cssxref("overflow-x")}}, {{Cssxref("overflow-y")}}, {{cssxref("clip")}}, {{cssxref("display")}} +- [Les propriétés logiques en CSS](/fr/docs/Web/CSS/CSS_Logical_Properties) +- [Les modes d'écriture](/fr/docs/Web/CSS/CSS_Writing_Modes) -- cgit v1.2.3-54-g00ecf