aboutsummaryrefslogtreecommitdiff
path: root/files/nl/web/css/css_flexible_box_layout/index.html
diff options
context:
space:
mode:
authorRyan Johnson <rjohnson@mozilla.com>2021-04-29 16:16:42 -0700
committerGitHub <noreply@github.com>2021-04-29 16:16:42 -0700
commit95aca4b4d8fa62815d4bd412fff1a364f842814a (patch)
tree5e57661720fe9058d5c7db637e764800b50f9060 /files/nl/web/css/css_flexible_box_layout/index.html
parentee3b1c87e3c8e72ca130943eed260ad642246581 (diff)
downloadtranslated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.tar.gz
translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.tar.bz2
translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.zip
remove retired locales (#699)
Diffstat (limited to 'files/nl/web/css/css_flexible_box_layout/index.html')
-rw-r--r--files/nl/web/css/css_flexible_box_layout/index.html118
1 files changed, 0 insertions, 118 deletions
diff --git a/files/nl/web/css/css_flexible_box_layout/index.html b/files/nl/web/css/css_flexible_box_layout/index.html
deleted file mode 100644
index 879bb404f6..0000000000
--- a/files/nl/web/css/css_flexible_box_layout/index.html
+++ /dev/null
@@ -1,118 +0,0 @@
----
-title: CSS Flexible Box Layout
-slug: Web/CSS/CSS_Flexible_Box_Layout
-tags:
- - CSS
- - CSS Flexible Box Layout
- - Overzicht
- - Referentie
-translation_of: Web/CSS/CSS_Flexible_Box_Layout
----
-<div>{{CSSRef}}</div>
-
-<p><strong>CSS Flexible Box Layout</strong> is een <a href="/en-US/docs/Web/CSS">CSS</a> module die het box model van CSS verder optimaliseert. Flexbox is geoptimaliseerd voor user interface design en de lay-out van items. Onderliggende items van een flex container kunnen in elke richting worden geplaatst op een as. Afmetingen van items in een flex container zijn flexibel. Zo kunnen afmetingen groeien om de ongebruikte ruimte te vullen, of kunnen ze krimpen om binnen de grenzen van het ouder element te passen.</p>
-
-<p>
- </p><h2 id="Basis_voorbeeld">Basis voorbeeld</h2>
-
-
-<p>In het voorbeeld hieronder is een container ingesteld als <code>display: flex</code> waardoor de drie onderliggende elementen "flex elementen" worden. De waarde van <code>justify-content</code> is ingesteld op <code>space-between</code> om de items gelijkmatig op de hoofdas te plaatsen. Tussen elk item wordt een gelijke hoeveelheid ruimte geplaatst, waarbij de linker- en rechterartikelen gelijk liggen met de randen van de flex container. Op de dwarsas zijn de items uitgetrokken (stretched) tot gelijke hoogte. Dit komt omdat de default waarde voor <code>align-items</code> <code>stretch</code> is. De items strekken zich uit tot de hoogte van de flex container, waardoor ze elk even lang lijken als het langste item.</p>
-
-<p>{{EmbedGHLiveSample("css-examples/flexbox/basics/simple-example.html", '100%', 500)}}</p>
-
-<h2 id="Referentie">Referentie</h2>
-
-<h3 id="CSS_Eigenschappen">CSS Eigenschappen</h3>
-
-<div class="index">
-<ul>
- <li>{{cssxref("flex")}}</li>
- <li>{{cssxref("flex-basis")}}</li>
- <li>{{cssxref("flex-direction")}}</li>
- <li>{{cssxref("flex-flow")}}</li>
- <li>{{cssxref("flex-grow")}}</li>
- <li>{{cssxref("flex-shrink")}}</li>
- <li>{{cssxref("flex-wrap")}}</li>
- <li>{{cssxref("order")}}</li>
-</ul>
-</div>
-
-<h3 id="Alignment_Eigenschappen">Alignment Eigenschappen</h3>
-
-<p>De eigenschappen <code>align-content</code>, <code>align-self</code>, <code>align-items</code> en <code>justify-content</code> waren aanvankelijk onderdeel van de Flexbox-specificatie, maar worden nu gedefinieerd in Box Alignment-specificatie. De Flexbox-specificatie verwijst nu naar de Box Alignment-specificatie voor up-to-date definities. Alsook extra Alignment eigenschappen worden nu gedefinieerd in de Box Alignment-specificatie.</p>
-
-<div class="index">
-<ul>
- <li>{{cssxref("justify-content")}}</li>
- <li>{{cssxref("align-content")}}</li>
- <li>{{cssxref("align-items")}}</li>
- <li>{{cssxref("align-self")}}</li>
- <li>{{cssxref("place-content")}}</li>
- <li>{{cssxref("place-items")}}</li>
- <li>{{cssxref("row-gap")}}</li>
- <li>{{cssxref("column-gap")}}</li>
- <li>{{cssxref("gap")}}</li>
-</ul>
-</div>
-
-<h3 id="Woordenlijst_resultaten">Woordenlijst resultaten</h3>
-
-<div class="index">
-<ul>
- <li>{{Glossary("Flexbox", "", 1)}}</li>
- <li>{{Glossary("Flex Container", "", 1)}}</li>
- <li>{{Glossary("Flex Item", "", 1)}}</li>
- <li>{{Glossary("Main Axis", "", 1)}}</li>
- <li>{{Glossary("Cross Axis", "", 1)}}</li>
- <li>{{Glossary("Flex", "", 1)}}</li>
-</ul>
-</div>
-
-<h2 id="Gidsen">Gidsen</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basisconcepten van Flexbox</a></dt>
- <dd>Een overzicht van de eigenschappen van flexbox</dd>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods">Verhouding Flexbox tot andere layout methodes</a></dt>
- <dd>Hoe flexbox zich verhoudt tot andere layout methodes, en tot andere CSS-specificaties</dd>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Items uitlijnen in een flex container</a></dt>
- <dd>Hoe de Box Alignment-eigenschappen werken met flexbox.</dd>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items">Flex items ordenen</a></dt>
- <dd>Hoe de volgorde en de richting van items te wijzigen, inclusief geldende aandachtspunten hierbij</dd>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Ratios van flex items langs de hoofdas beheren </a></dt>
- <dd>Beschrijving van de eigenschappen <code>flex-grow</code>, <code>flex-shrink</code> en <code>flex-basis</code>.</dd>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items">Wrapping van flex items</a></dt>
- <dd>Hoe flex containers creëren met meerdere lijnen, en de de weergave van de items in die lijnen instellen.</dd>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox">Typische Flexbox use cases</a></dt>
- <dd>Design pattersn voor typische use cases</dd>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Backwards_Compatibility_of_Flexbox">Achterwaartse compatibilteit van Flexbox </a></dt>
- <dd>Browser status van flexbox, interoperabiliteit en ondersteuning van oudere browsers, en een overzicht van de versies van de specificatie</dd>
-</dl>
-
-<h2 id="Specificaties">Specificaties</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Specificatie</th>
- <th scope="col">Status</th>
- <th scope="col">Opmerking</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{ SpecName('CSS3 Flexbox') }}</td>
- <td>{{ Spec2('CSS3 Flexbox') }}</td>
- <td>Initial definition.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Zie_ook">Zie ook</h2>
-
-<dl>
- <dt><a href="https://github.com/philipwalton/flexbugs">Flexbugs</a></dt>
- <dd>een door de community samengestelde lijst met Flexbox gerelateerde browser bugs en workarounds</dd>
- <dt><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mixins">Cross-browser Flexbox mixins</a></dt>
- <dd>Een verzameling mixins om crossbrowser Flexbox functionaliteiten te voorzien in oudere browsers die de moderne Flexbox syntax niet ondersteunen</dd>
-</dl>