From 95aca4b4d8fa62815d4bd412fff1a364f842814a Mon Sep 17 00:00:00 2001 From: Ryan Johnson Date: Thu, 29 Apr 2021 16:16:42 -0700 Subject: remove retired locales (#699) --- files/uk/web/css/grid-template-areas/index.html | 181 ------------------------ 1 file changed, 181 deletions(-) delete mode 100644 files/uk/web/css/grid-template-areas/index.html (limited to 'files/uk/web/css/grid-template-areas') diff --git a/files/uk/web/css/grid-template-areas/index.html b/files/uk/web/css/grid-template-areas/index.html deleted file mode 100644 index 472a754d14..0000000000 --- a/files/uk/web/css/grid-template-areas/index.html +++ /dev/null @@ -1,181 +0,0 @@ ---- -title: grid-template-areas -slug: Web/CSS/grid-template-areas -translation_of: Web/CSS/grid-template-areas ---- -

grid-template-areas CSS властивість, що визначає іменовані {{glossary("grid areas")}}.

- -
{{EmbedInteractiveExample("pages/css/grid-template-areas.html")}}
- - - -

Ці області не відносяться до певного грід-елемента, але можуть посилатися з властивостей грід-розташування{{cssxref("grid-row-start")}}, {{cssxref("grid-row-end")}}, {{cssxref("grid-column-start")}}, {{cssxref("grid-column-end")}}, та їх скорочень {{cssxref("grid-row")}}, {{cssxref("grid-column")}}, і {{cssxref("grid-area")}}.

- -

Syntax

- -
/* Keyword value */
-grid-template-areas: none;
-
-/* <string> values */
-grid-template-areas: "a b";
-grid-template-areas: "a b b"
-                     "a c d";
-
-/* Global values */
-grid-template-areas: inherit;
-grid-template-areas: initial;
-grid-template-areas: unset;
-
- -

Values

- -
-
none
-
Грід-контейнер не визначає жодні іменовані грід-області.
-
{{cssxref("<string>")}}+
-
Ряд створюється для кожного окремого рядка, а колонка для кожної клітинки рядка. Декілька іменованих клітинок у рядках та поміж ними створюють одну іменовану грід-область, що об'єднує відповідні клітинки. Оголошення непридатне, якщо ці клітинки утворюють прямокутник.
-
- -

Formal syntax

- -{{csssyntax}} - -

Example

- -

HTML

- -
<section id="page">
-  <header>Header</header>
-  <nav>Navigation</nav>
-  <main>Main area</main>
-  <footer>Footer</footer>
-</section>
- -

CSS

- -
#page {
-  display: grid;
-  width: 100%;
-  height: 250px;
-  grid-template-areas: "head head"
-                       "nav  main"
-                       "nav  foot";
-  grid-template-rows: 50px 1fr 30px;
-  grid-template-columns: 150px 1fr;
-}
-
-#page > header {
-  grid-area: head;
-  background-color: #8ca0ff;
-}
-
-#page > nav {
-  grid-area: nav;
-  background-color: #ffa08c;
-}
-
-#page > main {
-  grid-area: main;
-  background-color: #ffff64;
-}
-
-#page > footer {
-  grid-area: foot;
-  background-color: #8cffa0;
-}
-
- -

Result

- -

{{EmbedLiveSample("Example", "100%", "250px")}}

- -

Specifications

- - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName("CSS3 Grid", "#propdef-grid-template-areas", "grid-template-areas")}}{{Spec2("CSS3 Grid")}}Initial definition
- -

{{cssinfo}}

- -

Browser compatibility

- - - -

{{Compat("css.properties.grid-template-areas")}}

- -

See also

- - - - -- cgit v1.2.3-54-g00ecf