From 980fe00a74a9ad013b945755415ace2e5429c3c2 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Wed, 27 Oct 2021 02:31:24 +0300 Subject: [RU] Remove notranslate (#2874) --- files/ru/web/css/_colon_any-link/index.html | 6 +- files/ru/web/css/_colon_empty/index.html | 6 +- files/ru/web/css/_colon_first/index.html | 8 +-- files/ru/web/css/_colon_focus-visible/index.html | 8 +-- files/ru/web/css/_colon_focus-within/index.html | 6 +- files/ru/web/css/_colon_host()/index.html | 6 +- files/ru/web/css/_colon_is/index.html | 20 +++--- files/ru/web/css/_colon_left/index.html | 4 +- files/ru/web/css/_colon_where/index.html | 12 ++-- files/ru/web/css/_doublecolon_cue/index.html | 4 +- .../web/css/_doublecolon_grammar-error/index.html | 6 +- files/ru/web/css/_doublecolon_marker/index.html | 6 +- .../ru/web/css/_doublecolon_placeholder/index.html | 12 ++-- files/ru/web/css/_doublecolon_slotted/index.html | 8 +-- files/ru/web/css/align-content/index.html | 8 +-- files/ru/web/css/animation/index.html | 6 +- files/ru/web/css/attr()/index.html | 6 +- files/ru/web/css/background-attachment/index.html | 10 +-- files/ru/web/css/background-image/index.html | 6 +- files/ru/web/css/border-bottom/index.html | 10 +-- files/ru/web/css/box-sizing/index.html | 4 +- files/ru/web/css/calc()/index.html | 12 ++-- files/ru/web/css/clamp()/index.html | 8 +-- files/ru/web/css/color_value/index.html | 6 +- .../mastering_margin_collapsing/index.html | 4 +- files/ru/web/css/css_fonts/index.html | 4 +- .../basic_concepts_of_grid_layout/index.html | 74 +++++++++++----------- .../box_alignment_in_css_grid_layout/index.html | 54 ++++++++-------- .../line-based_placement_with_css_grid/index.html | 64 +++++++++---------- .../relationship_of_grid_layout/index.html | 60 +++++++++--------- files/ru/web/css/custom-ident/index.html | 4 +- files/ru/web/css/direction/index.html | 4 +- files/ru/web/css/flex-wrap/index.html | 6 +- files/ru/web/css/font-variant-ligatures/index.html | 4 +- files/ru/web/css/font/index.html | 8 +-- files/ru/web/css/gap/index.html | 16 ++--- files/ru/web/css/grid-auto-flow/index.html | 8 +-- files/ru/web/css/grid-template-columns/index.html | 6 +- files/ru/web/css/hyphens/index.html | 6 +- files/ru/web/css/inline-size/index.html | 6 +- files/ru/web/css/justify-content/index.html | 8 +-- files/ru/web/css/justify-items/index.html | 2 +- .../breadcrumb_navigation/index.html | 2 +- files/ru/web/css/minmax()/index.html | 6 +- files/ru/web/css/object-position/index.html | 6 +- files/ru/web/css/overflow-wrap/index.html | 6 +- files/ru/web/css/text-size-adjust/index.html | 2 +- files/ru/web/css/touch-action/index.html | 8 +-- .../web/css/transform-function/rotate()/index.html | 10 +-- .../css/transform-function/rotate3d()/index.html | 10 +-- .../web/css/transform-function/skew()/index.html | 10 +-- files/ru/web/css/url()/index.html | 16 ++--- files/ru/web/css/vertical-align/index.html | 14 ++-- files/ru/web/css/white-space/index.html | 6 +- files/ru/web/css/z-index/index.html | 6 +- 55 files changed, 314 insertions(+), 314 deletions(-) (limited to 'files/ru/web/css') diff --git a/files/ru/web/css/_colon_any-link/index.html b/files/ru/web/css/_colon_any-link/index.html index 2ad3e71f57..824f55af0e 100644 --- a/files/ru/web/css/_colon_any-link/index.html +++ b/files/ru/web/css/_colon_any-link/index.html @@ -18,7 +18,7 @@ translation_of: 'Web/CSS/:any-link'

Селектор псевдокласса CSS :any-link представляет собой элемент, который действует как исходный якорь гиперссылки, независимо от того, была ли она посещена. Другими словами, он соответствует всем элементам {{HTMLElement("a")}}, {{HTMLElement("area")}}, или {{HTMLElement("link")}}, которые имеют атрибут href. Таким образом, он соответствует всем элементам, которые используют {{cssxref(":link")}} или {{cssxref(":visited")}}.

-
/* Выбирает любой элемент, который будет соответствовать:link или :visited */
+
/* Выбирает любой элемент, который будет соответствовать:link или :visited */
 :any-link {
   color: green;
 }

@@ -31,13 +31,13 @@ translation_of: 'Web/CSS/:any-link'
 
 
HTML

 
-
<a href="https://example.com">External link</a><br>
+
<a href="https://example.com">External link</a><br>
 <a href="#">Internal target link</a><br>
 <a>Placeholder link (won't get styled)</a>

 
 
CSS

 
-
a:any-link {
+
a:any-link {
   border: 1px solid blue;
   color: orange;
 }
diff --git a/files/ru/web/css/_colon_empty/index.html b/files/ru/web/css/_colon_empty/index.html
index b922f9a29c..de1b0fc481 100644
--- a/files/ru/web/css/_colon_empty/index.html
+++ b/files/ru/web/css/_colon_empty/index.html
@@ -18,12 +18,12 @@ translation_of: 'Web/CSS/:empty'
 
 
Синтаксис

 
-
<element>:empty { /* стили */ }
+
<element>:empty { /* стили */ }
 

 
 
Примеры

 
-
.box {
+
.box {
   background: red;
   height: 200px;
   width: 200px;
@@ -34,7 +34,7 @@ translation_of: 'Web/CSS/:empty'
 }
 

 
-
<div class="box"><!-- Я буду лаймовым --></div>
+
<div class="box"><!-- Я буду лаймовым --></div>
 <div class="box">Я буду красным</div>
 <div class="box">
     <!-- Я буду красным, так как перед комментарием стоят пробелы -->
diff --git a/files/ru/web/css/_colon_first/index.html b/files/ru/web/css/_colon_first/index.html
index 82f0a46dbc..5f83d32cd6 100644
--- a/files/ru/web/css/_colon_first/index.html
+++ b/files/ru/web/css/_colon_first/index.html
@@ -12,7 +12,7 @@ translation_of: 'Web/CSS/:first'
 
 
CSS псевдокласс :first используется с @-правилом  {{cssxref("@page")}}, представляя первую страницу документа при печати.

 
-
/* Выбирает первую страницу при печати */
+
/* Выбирает первую страницу при печати */
 @page :first {
   margin-left: 50%;
   margin-top: 50%;
@@ -30,14 +30,14 @@ translation_of: 'Web/CSS/:first'
 
 
HTML

 
-
<p>Первая страница.</p>
+
<p>Первая страница.</p>
 <p>Вторая страница.</p>
 <button>Напечатать</button>
 

 
 
CSS

 
-
@page :first {
+
@page :first {
   margin-left: 50%;
   margin-top: 50%;
 }
@@ -49,7 +49,7 @@ p {
 
 
JavaScript

 
-
document.querySelector("button").onclick = function () {
+
document.querySelector("button").onclick = function () {
   window.print();
 }
 

diff --git a/files/ru/web/css/_colon_focus-visible/index.html b/files/ru/web/css/_colon_focus-visible/index.html
index 0947a99d1e..6a60885ae1 100644
--- a/files/ru/web/css/_colon_focus-visible/index.html
+++ b/files/ru/web/css/_colon_focus-visible/index.html
@@ -19,14 +19,14 @@ translation_of: 'Web/CSS/:focus-visible'
 
 
В этом примере селектор :focus-visible использует поведение UA, чтобы определить, когда соответствовать. Сравните, что происходит, когда вы щёлкаете мышью по разным элементам управления, и что происходит при переходе по ним с помощью клавиатуры. Обратите внимание на разницу в поведении элементов, оформленных с помощью :focus.

 
-
<input value="Default styles"><br>
+
<input value="Default styles"><br>
 <button>Default styles</button><br>
 <input class="focus-only" value=":focus only"><br>
 <button class="focus-only">:focus only</button><br>
 <input class="focus-visible-only" value=":focus-visible only"><br>
 <button class="focus-visible-only">:focus-visible only</button>

 
-
input, button {
+
input, button {
   margin: 10px;
 }
 
@@ -45,9 +45,9 @@ translation_of: 'Web/CSS/:focus-visible'
 
 
Пользовательский элемент управления, такой как кнопка настраиваемого элемента, может использовать: focus-visible для выборочного применения индикатора фокуса только к фокусу клавиатуры. Это соответствует собственному поведению фокуса для таких элементов управления, как {{htmlelement ("button")}}.

 
-
<custom-button tabindex="0" role="button">Click Me</custom-button>

+
<custom-button tabindex="0" role="button">Click Me</custom-button>

 
-
custom-button {
+
custom-button {
   display: inline-block;
   margin: 10px;
 }
diff --git a/files/ru/web/css/_colon_focus-within/index.html b/files/ru/web/css/_colon_focus-within/index.html
index 1a8c179fab..a60adff99c 100644
--- a/files/ru/web/css/_colon_focus-within/index.html
+++ b/files/ru/web/css/_colon_focus-within/index.html
@@ -7,7 +7,7 @@ translation_of: 'Web/CSS/:focus-within'
 
 
CSS Псевдо-класс :focus-within соответствует элементу, который либо сам находится в фокусе, либо содержит элемент, который находится в фокусе. Другими словами, он представляет элементу, который соответствует псевдоклассу {{CSSxRef(":focus")}} либо имеет потомка, который соответствует :focus. (Включая потомков в shadow trees.)

 
-
/* Выделяет <div> когда один из его потомков находится в фокусе */
+
/* Выделяет <div> когда один из его потомков находится в фокусе */
 div:focus-within {
   background: cyan;
 }

@@ -24,7 +24,7 @@ div:focus-within {
 
 
HTML

 
-
<p>Try typing into this form.</p>
+
<p>Try typing into this form.</p>
 
 <form>
   <label for="given_name">Given Name:</label>
@@ -36,7 +36,7 @@ div:focus-within {
 
 
CSS

 
-
form {
+
form {
   border: 1px solid;
   color: gray;
   padding: 4px;
diff --git a/files/ru/web/css/_colon_host()/index.html b/files/ru/web/css/_colon_host()/index.html
index 19830a0c9c..b285765913 100644
--- a/files/ru/web/css/_colon_host()/index.html
+++ b/files/ru/web/css/_colon_host()/index.html
@@ -15,7 +15,7 @@ translation_of: 'Web/CSS/:host()'
 
Примечание: Псевдокласс не имеет эффекта вне shadow DOM.

 
 
-
/* Выбирает хоста shadow root, только
+
/* Выбирает хоста shadow root, только
   если он соответствует аргументу селектора */
 :host(.special-custom-element) {
   font-weight: bold;
@@ -34,11 +34,11 @@ translation_of: 'Web/CSS/:host()'
 
 
В этом примере у нас есть простой пользовательский элемент — <context-span> — который мы оборачиваем вокруг текста:

 
-
<h1>Host selectors <a href="#"><context-span>example</context-span></a></h1>

+
<h1>Host selectors <a href="#"><context-span>example</context-span></a></h1>

 
 
Внутри конструктора элемента мы создаём элементы style и span, заполняем span контентом пользовательского элемента и заполняем элемент style CSS-правилами:

 
-
let style = document.createElement('style');
+
let style = document.createElement('style');
 let span = document.createElement('span');
 span.textContent = this.textContent;
 
diff --git a/files/ru/web/css/_colon_is/index.html b/files/ru/web/css/_colon_is/index.html
index e77d87f70c..e74aaf3846 100644
--- a/files/ru/web/css/_colon_is/index.html
+++ b/files/ru/web/css/_colon_is/index.html
@@ -13,7 +13,7 @@ translation_of: 'Web/CSS/:is'
 
 
Заметьте, что в данный момент браузеры поддерживают её функциональность как :matches(), или даже как более старый, префиксный псевдокласс — :any(), включая старые версии Chrome, Firefox, и Safari. :any() работает точно таким же образом как и :matches()/:is(), за исключением того, что  :any() требует постановку префиксов и не поддерживает комплексные селекторы.

 
-
/* Выбирает какой-либо абзац в шапке, основной части или подвале, который зависал */
+
/* Выбирает какой-либо абзац в шапке, основной части или подвале, который зависал */
 :is(header, main, footer) p:hover {
   color: red;
   cursor: pointer;
@@ -52,7 +52,7 @@ footer p:hover {
 
 
Кроссбраузерный пример

 
-
<header>
+
<header>
   <p>Это мой параграф в шапке</p>
 </header>
 
@@ -67,7 +67,7 @@ footer p:hover {
   <p>Это мой параграф в подвале</p>
 </footer>

 
-
:-webkit-any(header, main, footer) p:hover {
+
:-webkit-any(header, main, footer) p:hover {
   color: red;
   cursor: pointer;
 }
@@ -88,7 +88,7 @@ footer p:hover {
 }
 

 
-
let matchedItems;
+
let matchedItems;
 
 try {
   matchedItems = document.querySelectorAll(':is(header, main, footer) p');
@@ -122,7 +122,7 @@ function applyHandler(elem) {
 
 
Псевдо-класс :is() может великолепно упрощать ваши CSS селекторы. К примеру, следующий CSS:

 
-
/* 3-уровневые (или более) неупорядоченные списки используют свойство square */
+
/* 3-уровневые (или более) неупорядоченные списки используют свойство square */
 ol ol ul,     ol ul ul,     ol menu ul,     ol dir ul,
 ol ol menu,   ol ul menu,   ol menu menu,   ol dir menu,
 ol ol dir,    ol ul dir,    ol menu dir,    ol dir dir,
@@ -141,7 +141,7 @@ dir ol dir,   dir ul dir,   dir menu dir,   dir dir dir {
 
 
... можно заменить на:

 
-
/* 3-уровневые (или более) неупорядоченные списки используют свойство square */
+
/* 3-уровневые (или более) неупорядоченные списки используют свойство square */
 :is(ol, ul, menu, dir) :is(ol, ul, menu, dir) ul,
 :is(ol, ul, menu, dir) :is(ol, ul, menu, dir) menu,
 :is(ol, ul, menu, dir) :is(ol, ul, menu, dir) dir {
@@ -154,7 +154,7 @@ dir ol dir,   dir ul dir,   dir menu dir,   dir dir dir {
 
 
К примеру, без :is(), стилизовать все {{HTMLElement("h1")}} элементы на разных уровнях может бы очень сложно:

 
-
/* Уровень 0 */
+
/* Уровень 0 */
 h1 {
   font-size: 30px;
 }
@@ -175,7 +175,7 @@ nav section h1, nav article h1, nav aside h1, nav nav h1 {
 
 
Используя :is(), как видно, это гораздо легче:

 
-
/* Уровень 0 */
+
/* Уровень 0 */
 h1 {
   font-size: 30px;
 }
@@ -199,13 +199,13 @@ h1 {
 
 
В отличие от списка селекторов, псевдокласс :is() не аннулируется, когда из селекторов, попавший туда не поддерживается браузером.

 
-
:is(:valid, :unsupported) {
+
:is(:valid, :unsupported) {
   ...
 }

 
 
Будет по прежнему определяться правильно и соответствовать :valid даже в браузерах, которые не поддерживают :unsupported, в то время как:

 
-
:valid, :unsupported {
+
:valid, :unsupported {
   ...
 }

 
diff --git a/files/ru/web/css/_colon_left/index.html b/files/ru/web/css/_colon_left/index.html
index c435be2554..2cfcabf12b 100644
--- a/files/ru/web/css/_colon_left/index.html
+++ b/files/ru/web/css/_colon_left/index.html
@@ -10,7 +10,7 @@ translation_of: 'Web/CSS/:left'
 
 
Псевдокласс CSS :left используется с at-правилом {{cssxref("@page")}}, предоставляет все левые страницы печатного документа.

 
-
/* Выбирает все левые страницы при печати */
+
/* Выбирает все левые страницы при печати */
 @page :left {
   margin: 2in 3in;
 }

@@ -29,7 +29,7 @@ translation_of: 'Web/CSS/:left'
 
 
Выставляем отступы для левых страниц

 
-
@page :left {
+
@page :left {
   margin: 2in 3in;
 }
 

diff --git a/files/ru/web/css/_colon_where/index.html b/files/ru/web/css/_colon_where/index.html
index 631182a560..e47bedbdad 100644
--- a/files/ru/web/css/_colon_where/index.html
+++ b/files/ru/web/css/_colon_where/index.html
@@ -13,7 +13,7 @@ translation_of: 'Web/CSS/:where'
 
 

 
-
/* Выбирает любой параграф внутри header, main
+
/* Выбирает любой параграф внутри header, main
    или footer на который наведён курсор мыши */
 :where(header, main, footer) p:hover {
   color: red;
@@ -36,13 +36,13 @@ footer p:hover {
 
 
При использовании списка селекторов в CSS, если один из селекторов невалидный, то весь список селекторов будет считаться невалидным. В то же время при использовании :is() или :where() действует другое правило: если среди переданных аргументов будет некорректный или неподдерживаемый селектор, то он будет проигнорирован, для всех же остальных селекторов будут применены CSS-правила.

 
-
:where(:valid, :unsupported) {
+
:where(:valid, :unsupported) {
   ...
 }

 
 
Пример выше будет успешно распарсен и для :valid будут применены CSS-правила, даже если в браузере не поддерживается :unsupported, в то время как:

 
-
:valid, :unsupported {
+
:valid, :unsupported {
   ...
 }

 
@@ -56,7 +56,7 @@ footer p:hover {
 
 
Возьмём следующий HTML-код:

 
-
<article>
+
<article>
   <h2>:is()-styled links</h2>
   <section class="is-styling">
     <p>Here is my main content. This <a href="https://mozilla.org">contains a link</a>.
@@ -90,7 +90,7 @@ footer p:hover {
 
 
Теперь при помощи псевдоклассов :is() и :where() зададим цвет для ссылок в простой форме, как в примере ниже:

 
-
html {
+
html {
   font-family: sans-serif;
   font-size: 150%;
 }
@@ -105,7 +105,7 @@ footer p:hover {
 
 
Что если позже мы захотим переопределить цвет ссылок в footer'ах используя простой селектор?

 
-
footer a {
+
footer a {
   color: blue;
 }

 
diff --git a/files/ru/web/css/_doublecolon_cue/index.html b/files/ru/web/css/_doublecolon_cue/index.html
index 4ff78d9a48..fb8fd111a9 100644
--- a/files/ru/web/css/_doublecolon_cue/index.html
+++ b/files/ru/web/css/_doublecolon_cue/index.html
@@ -7,7 +7,7 @@ translation_of: 'Web/CSS/::cue'
 
 
Псевдоэлемент CSS ::cue соответствует репликам WebVTT в выбранном элементе. Он может быть использован для задания стилей титров и других реплик в медиа с VTT треками.

 
-
::cue {
+
::cue {
   color: yellow;
   font-weight: bold;
 }

@@ -41,7 +41,7 @@ translation_of: 'Web/CSS/::cue'
 
 
Следующий CSS устанавливает стили для реплик в виде белого цвета текста и полупрозрачного чёрного фона.

 
-
::cue {
+
::cue {
   color: #fff;
   background-color: rgba(0, 0, 0, 0.6);
 }

diff --git a/files/ru/web/css/_doublecolon_grammar-error/index.html b/files/ru/web/css/_doublecolon_grammar-error/index.html
index c64a28eb84..2a7a57109b 100644
--- a/files/ru/web/css/_doublecolon_grammar-error/index.html
+++ b/files/ru/web/css/_doublecolon_grammar-error/index.html
@@ -29,7 +29,7 @@ translation_of: 'Web/CSS/::grammar-error'
 
 
Синтаксис

 
-
::grammar-error

+
::grammar-error

 
 
Примеры

 
@@ -39,11 +39,11 @@ translation_of: 'Web/CSS/::grammar-error'
 
 
HTML

 
-
<p>My friends is coming to the party tonight.</p>

+
<p>My friends is coming to the party tonight.</p>

 
 
CSS

 
-
::grammar-error  {
+
::grammar-error  {
   text-decoration: underline red;
   color: red;
 }

diff --git a/files/ru/web/css/_doublecolon_marker/index.html b/files/ru/web/css/_doublecolon_marker/index.html
index 37caf3ec01..767ad0a2d7 100644
--- a/files/ru/web/css/_doublecolon_marker/index.html
+++ b/files/ru/web/css/_doublecolon_marker/index.html
@@ -7,7 +7,7 @@ translation_of: 'Web/CSS/::marker'
 
 
Псевдоэлемент ::marker применяет стили к маркеру элемента списка, которые обычно содержит значок или номер. Работает с любым элементом или псевдоэлементом, к которого установлен display: list-item, например, у такого как {{HTMLElement("li")}} или {{HTMLElement("summary")}}.

 
-
::marker {
+
::marker {
   color: blue;
   font-size: 1.2em;
 }

@@ -37,7 +37,7 @@ translation_of: 'Web/CSS/::marker'
 
 
HTML

 
-
<ul>
+
<ul>
   <li>Peaches</li>
   <li>Apples</li>
   <li>Plums</li>
@@ -45,7 +45,7 @@ translation_of: 'Web/CSS/::marker'
 
 
CSS

 
-
ul li::marker {
+
ul li::marker {
   color: red;
   font-size: 1.5em;
 }

diff --git a/files/ru/web/css/_doublecolon_placeholder/index.html b/files/ru/web/css/_doublecolon_placeholder/index.html
index ce536f7fe0..8fde2fd945 100644
--- a/files/ru/web/css/_doublecolon_placeholder/index.html
+++ b/files/ru/web/css/_doublecolon_placeholder/index.html
@@ -11,7 +11,7 @@ translation_of: 'Web/CSS/::placeholder'
 
 
CSS псевдоэлемент ::placeholder представляет собой текст placeholder в {{HTMLElement("input")}} или {{HTMLElement("textarea")}} элементах.

 
-
::placeholder {
+
::placeholder {
   color: blue;
   font-size: 1.5em;
 }

@@ -32,11 +32,11 @@ translation_of: 'Web/CSS/::placeholder'
 
 
HTML

 
-
<input placeholder="Введите что-нибудь!">

+
<input placeholder="Введите что-нибудь!">

 
 
CSS

 
-
input::placeholder {
+
input::placeholder {
   color: red;
   font-size: 1.2em;
   font-style: italic;
@@ -50,11 +50,11 @@ translation_of: 'Web/CSS/::placeholder'
 
 
HTML

 
-
<input placeholder="Введите что-нибудь...">

+
<input placeholder="Введите что-нибудь...">

 
 
CSS

 
-
input::placeholder {
+
input::placeholder {
   color: green;
 }
 

@@ -89,7 +89,7 @@ translation_of: 'Web/CSS/::placeholder'
 
 
В таком случае содержимое подсказки будет доступно даже в том случае, если что-то введено в форму. Большинство скринридеров используют aria-describedby для чтения подсказок после того, как будет прочитан текст метки формы. Пользователь может отключить эту функцию, если дополнительная информация окажется ему ненужной.

 
-
<label for="user-email">Ваш email адрес</label>
+
<label for="user-email">Ваш email адрес</label>
 <span id="user-email-hint" class="input-hint">Пример: jane@sample.com</span>
 <input id="user-email" aria-describedby="user-email-hint" name="email" type="email">
 

diff --git a/files/ru/web/css/_doublecolon_slotted/index.html b/files/ru/web/css/_doublecolon_slotted/index.html
index 0edc300055..b98d03c2f0 100644
--- a/files/ru/web/css/_doublecolon_slotted/index.html
+++ b/files/ru/web/css/_doublecolon_slotted/index.html
@@ -9,7 +9,7 @@ translation_of: 'Web/CSS/::slotted'
 
 
Это работает только при использовании внутри CSS, помещённого в shadow DOM. Обратите также внимание, что этот селектор не будет выбирать текстовый узел, помещённый в слот; он нацелен только на фактические элементы.

 
-
/* Выбирает любой элемент, помещённый в слот */
+
/* Выбирает любой элемент, помещённый в слот */
 ::slotted(*) {
   font-weight: bold;
 }
@@ -30,7 +30,7 @@ translation_of: 'Web/CSS/::slotted'
 
 
В этом демо мы использовали простой шаблон с тремя слотами:

 
-
<template id="person-template">
+
<template id="person-template">
   <div>
     <h2>Personal ID Card</h2>
     <slot name="person-name">NAME MISSING</slot>
@@ -43,7 +43,7 @@ translation_of: 'Web/CSS/::slotted'
 
 
Пользовательский элемент — <person-details> — определяется следующим образом:

 
-
customElements.define('person-details',
+
customElements.define('person-details',
   class extends HTMLElement {
     constructor() {
       super();
@@ -68,7 +68,7 @@ translation_of: 'Web/CSS/::slotted'
 
 
Элемент выглядит следующим образом при вставке на страницу:

 
-
<person-details>
+
<person-details>
   <p slot="person-name">Dr. Shazaam</p>
   <span slot="person-age">Immortal</span>
   <span slot="person-occupation">Superhero</span>
diff --git a/files/ru/web/css/align-content/index.html b/files/ru/web/css/align-content/index.html
index 9cc517042f..e9225b6f49 100644
--- a/files/ru/web/css/align-content/index.html
+++ b/files/ru/web/css/align-content/index.html
@@ -17,7 +17,7 @@ translation_of: Web/CSS/align-content
 
 
Синтаксис

 
-
/* Основное позиционное выравнивание */
+
/* Основное позиционное выравнивание */
 /* align-content не принимает значения left и right */
 align-content: center;     /* Расположить элементы вокруг центра */
 align-content: start;      /* Расположить элементы в начале */
@@ -101,7 +101,7 @@ align-content: unset;
 
 
CSS

 
-
#container {
+
#container {
   height:200px;
   width: 240px;
   align-content: center; /* Can be changed in the live sample */
@@ -169,7 +169,7 @@ select {
 
 
HTML

 
-
<div id="container" class="flex">
+
<div id="container" class="flex">
   <div id="item1">1</div>
   <div id="item2">2</div>
   <div id="item3">3</div>
@@ -222,7 +222,7 @@ select {