diff options
| author | Florian Dieminger <me@fiji-flo.de> | 2021-02-11 18:29:11 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-02-11 18:29:11 +0100 |
| commit | 890776270440331dcd24d34dc5e1cef2167aa70a (patch) | |
| tree | 592d1460ade83ad936206ce715a50a1d04b877c7 /files/uk/web/css/layout_mode/index.html | |
| parent | 68329ed10215ae1e07a55115afe41caf0506a178 (diff) | |
| parent | 426f4cc81396745a22d263792cfc3974245dd9e8 (diff) | |
| download | translated-content-890776270440331dcd24d34dc5e1cef2167aa70a.tar.gz translated-content-890776270440331dcd24d34dc5e1cef2167aa70a.tar.bz2 translated-content-890776270440331dcd24d34dc5e1cef2167aa70a.zip | |
Merge pull request #60 from fiji-flo/unslugging-uk
Unslugging uk
Diffstat (limited to 'files/uk/web/css/layout_mode/index.html')
| -rw-r--r-- | files/uk/web/css/layout_mode/index.html | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/files/uk/web/css/layout_mode/index.html b/files/uk/web/css/layout_mode/index.html new file mode 100644 index 0000000000..504d11adc7 --- /dev/null +++ b/files/uk/web/css/layout_mode/index.html @@ -0,0 +1,31 @@ +--- +title: Схема компонування +slug: Web/CSS/Layout_mode +tags: + - CSS + - Компонування + - Розмітка + - Розташування +translation_of: Web/CSS/Layout_mode +original_slug: Web/CSS/Схема_компонування +--- +<div><strong>Схема компонування</strong> (layout mode) в <a href="/en-US/docs/Web/CSS">CSS</a> являє собою алгоритм, який визначає розташування та розміри елементів залежно від того, як вони взаємодіють із сусідніми та батьківськими елементами. Існує декілька таких схем:</div> + +<ul> + <li><em>Блокове компонування</em> (block), призначене для розмітки документів. Ця схема має відповідні засоби, як-от можливість зробити елементи <em><a href="/uk/docs/Web/CSS/float">рухомими</a></em> (плаваючими) або скомпонувати їх в <em><a href="/uk/docs/Web/CSS/CSS_Columns/Using_multi-column_layouts">кілька стовпчиків</a></em>.</li> + <li><em>Рядкове компонування</em> (inline), призначене насамперед для розмітки тексту.</li> + <li><em>Табличне компонування</em>, призначене для розмітки таблицею.</li> + <li><em><a href="/uk/docs/Web/CSS/position#Види_розташування">Компонування розміщенням</a></em> (positioned), призначене для застосування до елементів, що не надто взаємодіють з іншими.</li> + <li><em><a href="/uk/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes">Компонування flexbox</a></em>, призначене для створення складної розмітки сторінок, які можна плавно масштабувати.</li> + <li><em><a href="/uk/docs/Web/CSS/CSS_Grid_Layout">Компонування сіткою</a></em>, призначене для розташування елементів відносно нерухомої сітки. {{experimental_inline}}</li> +</ul> + +<div class="note"> +<p><strong>Зауваження:</strong> Не всі <a href="/en-US/docs/Web/CSS/Reference">властивості CSS</a> застосовні до всіх <em>схем компонування</em>. Більшість із них вживаються разом з однією-двома схемами і жодним чином не діють, якщо відповідний елемент компонується за іншою схемою.</p> +</div> + +<h2 id="Див._також">Див. також</h2> + +<ul> + <li>{{CSS_key_concepts}}</li> +</ul> |