diff options
| author | Alexey Pyltsyn <lex61rus@gmail.com> | 2021-09-06 10:49:18 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-09-06 12:49:18 +0500 |
| commit | 6c094948c62abdbb132a28a26c0a5042ce2ffb20 (patch) | |
| tree | cb5e3de306c09d1bfcc6a4d02f6dd782379ef088 /files/ru/web/css | |
| parent | 33a5bcbcd367750dc0b7376f692d5aacfb799303 (diff) | |
| download | translated-content-6c094948c62abdbb132a28a26c0a5042ce2ffb20.tar.gz translated-content-6c094948c62abdbb132a28a26c0a5042ce2ffb20.tar.bz2 translated-content-6c094948c62abdbb132a28a26c0a5042ce2ffb20.zip | |
[RU] Fix some typos (#2357)
Diffstat (limited to 'files/ru/web/css')
81 files changed, 109 insertions, 109 deletions
diff --git a/files/ru/web/css/@font-feature-values/index.html b/files/ru/web/css/@font-feature-values/index.html index 29da2c6394..2a9777a306 100644 --- a/files/ru/web/css/@font-feature-values/index.html +++ b/files/ru/web/css/@font-feature-values/index.html @@ -29,7 +29,7 @@ translation_of: Web/CSS/@font-feature-values } </pre> -<p>Правило <code>@font-feature-values</code> может использоваться как на вернём уровне вашего CSS так и внутри любого <a href="/en-US/docs/Web/CSS/At-rule#Conditional_Group_Rules" title="CSS/At-rule#Conditional_Group_Rules">условного CSS правила</a>.</p> +<p>Правило <code>@font-feature-values</code> может использоваться как на вернём уровне вашего CSS так и внутри любого <a href="/en-US/docs/Web/CSS/At-rule#Conditional_Group_Rules" title="CSS/At-rule#Conditional_Group_Rules">условного CSS-правила</a>.</p> <h2 id="Синтаксис">Синтаксис</h2> diff --git a/files/ru/web/css/@namespace/index.html b/files/ru/web/css/@namespace/index.html index 390ec3bb14..fa83237dfb 100644 --- a/files/ru/web/css/@namespace/index.html +++ b/files/ru/web/css/@namespace/index.html @@ -29,7 +29,7 @@ svg|a {} <p><code>@namespace</code> правила можно использовать для определения префиксов имён. Когда селектор имеет префикс, он будет выбирать элементы совпадающие по пространству имён и именам или атрибутам.</p> -<p>В <a href="/ru/docs/HTML/HTML5">HTML5</a> существуют <a href="https://html.spec.whatwg.org/#foreign-elements">сторонние элементы</a> которые автоматически ассоциируются с соответствующими пространствами имён. Это значит, что HTML элементы будут действовать так, как если бы они находились в пространстве имён (<code>http://www.w3.org/1999/xhtml</code>), также если они не имеют <code>xmlns</code> атрибута где-либо в документе, то такие элементы как <a href="/ru/docs/%D0%A1%D0%BB%D0%BE%D0%B2%D0%B0%D1%80%D1%8C/SVG"><svg></a> и <a href="/ru/docs/Web/MathML/Element/math"><math></a> будут ассоциироваться с их стандартными пространствами имён (<code>http://www.w3.org/2000/svg</code> and <code>http://www.w3.org/1998/Math/MathML</code>).</p> +<p>В <a href="/ru/docs/HTML/HTML5">HTML5</a> существуют <a href="https://html.spec.whatwg.org/#foreign-elements">сторонние элементы</a> которые автоматически ассоциируются с соответствующими пространствами имён. Это значит, что HTML-элементы будут действовать так, как если бы они находились в пространстве имён (<code>http://www.w3.org/1999/xhtml</code>), также если они не имеют <code>xmlns</code> атрибута где-либо в документе, то такие элементы как <a href="/ru/docs/%D0%A1%D0%BB%D0%BE%D0%B2%D0%B0%D1%80%D1%8C/SVG"><svg></a> и <a href="/ru/docs/Web/MathML/Element/math"><math></a> будут ассоциироваться с их стандартными пространствами имён (<code>http://www.w3.org/2000/svg</code> and <code>http://www.w3.org/1998/Math/MathML</code>).</p> <div class="blockIndicator note"> <p>Примечание: В XML, если префикс отличается от атрибута (Например, <code>xlink:href</code>), то атрибут не будет иметь пространства имён. Другими словами, атрибуты не могут наследовать пространство имён элемента в котором они находятся.</p> diff --git a/files/ru/web/css/@page/index.html b/files/ru/web/css/@page/index.html index 04daa7d53e..911d966128 100644 --- a/files/ru/web/css/@page/index.html +++ b/files/ru/web/css/@page/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/@page --- <div>{{CSSRef}}</div> -<p>Правило CSS <strong><code>@page</code></strong> используется для модификации некоторых свойств CSS при печати документа.<strong> </strong>Вы не можете изменить все CSS свойства с <code>@page</code>. Вы можете изменить только margin, orphans, widows, и разрывы страницы документа. Попытки изменить любые другие свойства CSS будут игнорироваться.</p> +<p>Правило CSS <strong><code>@page</code></strong> используется для модификации некоторых свойств CSS при печати документа.<strong> </strong>Вы не можете изменить все CSS-свойства с <code>@page</code>. Вы можете изменить только margin, orphans, widows, и разрывы страницы документа. Попытки изменить любые другие свойства CSS будут игнорироваться.</p> <pre class="brush: css no-line-numbers">@page { margin: 1cm; diff --git a/files/ru/web/css/_colon_any-link/index.html b/files/ru/web/css/_colon_any-link/index.html index 97f4785909..fe8818340c 100644 --- a/files/ru/web/css/_colon_any-link/index.html +++ b/files/ru/web/css/_colon_any-link/index.html @@ -79,7 +79,7 @@ a:-webkit-any-link { <ul> <li><a href="/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5_%D0%B3%D0%B8%D0%BF%D0%B5%D1%80%D1%81%D1%81%D1%8B%D0%BB%D0%BE%D0%BA">Создание гиперссылок</a></li> - <li>Соответствует HTML элементам: <code><a href="/en-US/docs/Web/HTML/Element/a"><a></a></code>, <code><a href="/en-US/docs/Web/HTML/Element/area"><area></a></code> и <code><a href="/en-US/docs/Web/HTML/Element/link"><link></a></code> с атрибутом {{htmlattrxref("href", "a")}}</li> + <li>Соответствует HTML-элементам: <code><a href="/en-US/docs/Web/HTML/Element/a"><a></a></code>, <code><a href="/en-US/docs/Web/HTML/Element/area"><area></a></code> и <code><a href="/en-US/docs/Web/HTML/Element/link"><link></a></code> с атрибутом {{htmlattrxref("href", "a")}}</li> <li>Похожие CSS селекторы: <ul> <li><code><a href="/en-US/docs/Web/CSS/:visited">:visited</a></code></li> diff --git a/files/ru/web/css/_colon_checked/index.html b/files/ru/web/css/_colon_checked/index.html index 8bd759a9fa..4e51bc1f3f 100644 --- a/files/ru/web/css/_colon_checked/index.html +++ b/files/ru/web/css/_colon_checked/index.html @@ -64,7 +64,7 @@ option:checked { <h3 id="Использование_скрытых_чекбоксов_чтобы_хранить_некоторые_булевские_значения_в_CSS">Использование скрытых чекбоксов, чтобы хранить некоторые булевские значения в CSS</h3> -<p>Псевдокласс <code>:checked</code> применяется к скрытым чекбоксам в начале вашей страницы, которые могут использоваться, чтобы хранить некоторые динамические значения, используемые в CSS правилах. Следующий пример показывает, как скрывать/показывать некоторые расширяемые элементы, нажимая на кнопку (<a class="internal" href="/@api/deki/files/6246/=expandable-elements.html" title="Expandable elements through the :checked pseudoclass">открыть это демо</a>).</p> +<p>Псевдокласс <code>:checked</code> применяется к скрытым чекбоксам в начале вашей страницы, которые могут использоваться, чтобы хранить некоторые динамические значения, используемые в CSS-правилах. Следующий пример показывает, как скрывать/показывать некоторые расширяемые элементы, нажимая на кнопку (<a class="internal" href="/@api/deki/files/6246/=expandable-elements.html" title="Expandable elements through the :checked pseudoclass">открыть это демо</a>).</p> <pre class="brush: html"><!doctype html> <html> diff --git a/files/ru/web/css/_colon_first/index.html b/files/ru/web/css/_colon_first/index.html index fba196ebfb..c074b438d4 100644 --- a/files/ru/web/css/_colon_first/index.html +++ b/files/ru/web/css/_colon_first/index.html @@ -19,7 +19,7 @@ translation_of: 'Web/CSS/:first' }</pre> <div class="note"> -<p><strong>Обратите внимание:</strong> Вы можете изменять не все CSS свойства в этом псевдоклассе. Вы можете изменять только внешние отступы, {{cssxref("orphans")}}, {{cssxref("widows")}}, и разбитие документа на страницы. Более того, вы можете использовать только <a href="/en-US/docs/Web/CSS/размер#Абсолютные_единицы_измерения_размера">абсолютные единицы измерения</a>, определяя внешние отступы. Все остальные правила будут проигнорированы.</p> +<p><strong>Обратите внимание:</strong> Вы можете изменять не все CSS-свойства в этом псевдоклассе. Вы можете изменять только внешние отступы, {{cssxref("orphans")}}, {{cssxref("widows")}}, и разбитие документа на страницы. Более того, вы можете использовать только <a href="/en-US/docs/Web/CSS/размер#Абсолютные_единицы_измерения_размера">абсолютные единицы измерения</a>, определяя внешние отступы. Все остальные правила будут проигнорированы.</p> </div> <h2 id="Синтаксис">Синтаксис</h2> diff --git a/files/ru/web/css/_colon_host()/index.html b/files/ru/web/css/_colon_host()/index.html index 9637e4a49f..117abc8e8f 100644 --- a/files/ru/web/css/_colon_host()/index.html +++ b/files/ru/web/css/_colon_host()/index.html @@ -36,7 +36,7 @@ translation_of: 'Web/CSS/:host()' <pre class="brush: html; notranslate"><h1>Host selectors <a href="#"><context-span>example</context-span></a></h1></pre> -<p>Внутри конструктора элемента мы создаём элементы <code>style</code> и <code>span</code>, заполняем <code>span</code> контентом пользовательского элемента и заполняем элемент <code>style</code> CSS правилами:</p> +<p>Внутри конструктора элемента мы создаём элементы <code>style</code> и <code>span</code>, заполняем <code>span</code> контентом пользовательского элемента и заполняем элемент <code>style</code> CSS-правилами:</p> <pre class="brush: js; notranslate">let style = document.createElement('style'); let span = document.createElement('span'); diff --git a/files/ru/web/css/_colon_placeholder-shown/index.html b/files/ru/web/css/_colon_placeholder-shown/index.html index 2c28dc2bb2..881ad16822 100644 --- a/files/ru/web/css/_colon_placeholder-shown/index.html +++ b/files/ru/web/css/_colon_placeholder-shown/index.html @@ -189,6 +189,6 @@ input.studentid:placeholder-shown { <ul> <li>Псевдоэлемент {{cssxref("::placeholder")}}, применяющий стили к <em>самому себе</em>.</li> - <li>Связанные HTML элементы: {{HTMLElement("input")}}, {{HTMLElement("textarea")}}</li> + <li>Связанные HTML-элементы: {{HTMLElement("input")}}, {{HTMLElement("textarea")}}</li> <li><a href="/ru/docs/Learn/HTML/Forms">HTML формы</a></li> </ul> diff --git a/files/ru/web/css/_colon_right/index.html b/files/ru/web/css/_colon_right/index.html index 6f098bafa8..44494719fa 100644 --- a/files/ru/web/css/_colon_right/index.html +++ b/files/ru/web/css/_colon_right/index.html @@ -14,7 +14,7 @@ translation_of: 'Web/CSS/:right' <p>Whether the page is left or right is decided by the major writing direction of the document. For example, if the first page has a major writing direction of left-to-right then it will be a <code>:right</code> page and if it has a major writing direction of right-to-left then it will be a <code>{{ Cssxref(":left") }}</code> page.</p> -<div class="note"><strong>Note:</strong> Вы можете не менять все CSS свойства, а поменять только margin, padding, border, и background для страницы. Все остальные CSS свойства будут проигнорированы и изменения будут применены только для страницы, но не для её содержимого.</div> +<div class="note"><strong>Note:</strong> Вы можете не менять все CSS-свойства, а поменять только margin, padding, border, и background для страницы. Все остальные CSS-свойства будут проигнорированы и изменения будут применены только для страницы, но не для её содержимого.</div> <h2 id="Синтаксис">Синтаксис</h2> diff --git a/files/ru/web/css/_doublecolon_backdrop/index.html b/files/ru/web/css/_doublecolon_backdrop/index.html index 0d79fce37b..d3e38a773d 100644 --- a/files/ru/web/css/_doublecolon_backdrop/index.html +++ b/files/ru/web/css/_doublecolon_backdrop/index.html @@ -77,6 +77,6 @@ dialog::backdrop { <ul> <li>{{cssxref(":fullscreen")}} псевдокласс</li> - <li>{{HTMLElement("dialog")}} HTML элемент</li> + <li>{{HTMLElement("dialog")}} HTML-элемент</li> <li><a href="/ru/docs/DOM/Using_fullscreen_mode">Fullscreen API</a></li> </ul> diff --git a/files/ru/web/css/_doublecolon_cue/index.html b/files/ru/web/css/_doublecolon_cue/index.html index 9f4e8ba401..97b401e812 100644 --- a/files/ru/web/css/_doublecolon_cue/index.html +++ b/files/ru/web/css/_doublecolon_cue/index.html @@ -14,7 +14,7 @@ translation_of: 'Web/CSS/::cue' <h2 id="Разрешённые_свойства">Разрешённые свойства</h2> -<p>Правила с <code>::cue</code> в селекторе ограничены в использовании CSS свойств следующим списком:</p> +<p>Правила с <code>::cue</code> в селекторе ограничены в использовании CSS-свойств следующим списком:</p> <ul> <li>{{CSSxRef("background")}} и его свойства</li> diff --git a/files/ru/web/css/_doublecolon_marker/index.html b/files/ru/web/css/_doublecolon_marker/index.html index 1841be3659..37caf3ec01 100644 --- a/files/ru/web/css/_doublecolon_marker/index.html +++ b/files/ru/web/css/_doublecolon_marker/index.html @@ -89,5 +89,5 @@ translation_of: 'Web/CSS/::marker' <h2 id="See_also">See also</h2> <ul> - <li>HTML элементы, у которые есть маркеры списка по умолчанию: {{HTMLElement("ol")}}, {{HTMLElement("li")}}, {{HTMLElement("summary")}}</li> + <li>HTML-элементы, у которые есть маркеры списка по умолчанию: {{HTMLElement("ol")}}, {{HTMLElement("li")}}, {{HTMLElement("summary")}}</li> </ul> diff --git a/files/ru/web/css/_doublecolon_placeholder/index.html b/files/ru/web/css/_doublecolon_placeholder/index.html index 8eb701150c..71de4d917a 100644 --- a/files/ru/web/css/_doublecolon_placeholder/index.html +++ b/files/ru/web/css/_doublecolon_placeholder/index.html @@ -16,7 +16,7 @@ translation_of: 'Web/CSS/::placeholder' font-size: 1.5em; }</pre> -<p>В <code>::placeholder</code> можно использовать только те CSS свойства, которые разрешены в псевдоэлементе {{cssxref("::first-line")}}.</p> +<p>В <code>::placeholder</code> можно использовать только те CSS-свойства, которые разрешены в псевдоэлементе {{cssxref("::first-line")}}.</p> <div class="note"> <p><strong>Note:</strong> В большинстве браузеров по умолчанию placeholder выглядит как полупрозрачный или светло-серый текст.</p> @@ -146,6 +146,6 @@ translation_of: 'Web/CSS/::placeholder' <ul> <li>Псевдокласс {{cssxref(":placeholder-shown")}}, который позволяет применять стили к элементу с <em><strong>активным </strong></em>placeholder.</li> - <li>Связанные HTML элементы: {{HTMLElement("input")}}, {{HTMLElement("textarea")}}</li> + <li>Связанные HTML-элементы: {{HTMLElement("input")}}, {{HTMLElement("textarea")}}</li> <li><a href="/ru/docs/Learn/HTML/Forms">HTML-формы</a></li> </ul> diff --git a/files/ru/web/css/actual_value/index.html b/files/ru/web/css/actual_value/index.html index d5fb579491..ddea4fc2b5 100644 --- a/files/ru/web/css/actual_value/index.html +++ b/files/ru/web/css/actual_value/index.html @@ -12,7 +12,7 @@ original_slug: Web/CSS/Действительное_значение <h2 id="Описание">Описание</h2> -<p><strong>Действительное значение</strong> CSS свойства - используемое после всех приближений значение. Например, браузер может отображать рамки только с целым значением пикселей и будет принудительно округлять ширину.</p> +<p><strong>Действительное значение</strong> CSS-свойства - используемое после всех приближений значение. Например, браузер может отображать рамки только с целым значением пикселей и будет принудительно округлять ширину.</p> <h2 id="Спецификации">Спецификации</h2> diff --git a/files/ru/web/css/animation-delay/index.html b/files/ru/web/css/animation-delay/index.html index 2ce027e4a4..70bd6bad72 100644 --- a/files/ru/web/css/animation-delay/index.html +++ b/files/ru/web/css/animation-delay/index.html @@ -3,8 +3,8 @@ title: animation-delay slug: Web/CSS/animation-delay tags: - CSS - - CSS анимации - - CSS свойства + - CSS-анимации + - CSS-свойства translation_of: Web/CSS/animation-delay --- <div>{{CSSRef}}{{SeeCompatTable}}</div> @@ -40,7 +40,7 @@ animation-delay: 2s, 4ms; <h2 id="Примеры">Примеры</h2> -<p>Посмотрите <a href="/en-US/docs/CSS/CSS_animations" title="CSS/CSS_animations">CSS анимации</a> для примера.</p> +<p>Посмотрите <a href="/en-US/docs/CSS/CSS_animations" title="CSS/CSS_animations">CSS-анимации</a> для примера.</p> <h2 id="Спецификации">Спецификации</h2> @@ -68,6 +68,6 @@ animation-delay: 2s, 4ms; <h2 id="Смотрите_также">Смотрите также</h2> <ul> - <li><a href="/en-US/docs/CSS/Tutorials/Using_CSS_animations" title="Tutorial about CSS animations">Использование CSS анимаций</a></li> + <li><a href="/en-US/docs/CSS/Tutorials/Using_CSS_animations" title="Tutorial about CSS animations">Использование CSS-анимаций</a></li> <li>{{domxref("AnimationEvent", "AnimationEvent")}}</li> </ul> diff --git a/files/ru/web/css/animation-direction/index.html b/files/ru/web/css/animation-direction/index.html index d09af8c353..3ca800d670 100644 --- a/files/ru/web/css/animation-direction/index.html +++ b/files/ru/web/css/animation-direction/index.html @@ -79,6 +79,6 @@ animation-direction: unset; <h2 id="Смотрите_также">Смотрите также</h2> <ul> - <li><a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations" title="Tutorial about CSS animations">Использование CSS анимации</a></li> + <li><a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations" title="Tutorial about CSS animations">Использование CSS-анимации</a></li> <li>{{domxref("AnimationEvent", "AnimationEvent")}}</li> </ul> diff --git a/files/ru/web/css/animation-duration/index.html b/files/ru/web/css/animation-duration/index.html index ea9fc00874..d335a5b16a 100644 --- a/files/ru/web/css/animation-duration/index.html +++ b/files/ru/web/css/animation-duration/index.html @@ -44,7 +44,7 @@ animation-duration: 10s, 30s, 230ms; <h2 id="Примеры_2">Примеры</h2> -<p>Смотрите для примеров <a href="/en/CSS/CSS_animations" title="en/CSS/CSS_animations">CSS анимации</a>.</p> +<p>Смотрите для примеров <a href="/en/CSS/CSS_animations" title="en/CSS/CSS_animations">CSS-анимации</a>.</p> <h2 id="Specifications" name="Specifications">Спецификации</h2> @@ -72,6 +72,6 @@ animation-duration: 10s, 30s, 230ms; <h2 id="Смотрите_также">Смотрите также</h2> <ul> - <li><a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations" title="Tutorial about CSS animations">Использование CSS анимации</a></li> + <li><a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations" title="Tutorial about CSS animations">Использование CSS-анимации</a></li> <li>{{ domxref("AnimationEvent", "AnimationEvent") }}</li> </ul> diff --git a/files/ru/web/css/animation-fill-mode/index.html b/files/ru/web/css/animation-fill-mode/index.html index db2ab9c5d9..051736e859 100644 --- a/files/ru/web/css/animation-fill-mode/index.html +++ b/files/ru/web/css/animation-fill-mode/index.html @@ -3,8 +3,8 @@ title: animation-fill-mode slug: Web/CSS/animation-fill-mode tags: - CSS - - CSS анимации - - CSS свойства + - CSS-анимации + - CSS-свойства translation_of: Web/CSS/animation-fill-mode --- <div>{{CSSRef}}{{SeeCompatTable}}</div> @@ -176,6 +176,6 @@ animation-fill-mode: both, forwards, none; <h2 id="Смотрите_также">Смотрите также</h2> <ul> - <li><a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations" title="Tutorial about CSS animations">Использование CSS анимации</a></li> + <li><a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations" title="Tutorial about CSS animations">Использование CSS-анимации</a></li> <li>{{domxref("AnimationEvent", "AnimationEvent")}}</li> </ul> diff --git a/files/ru/web/css/animation-iteration-count/index.html b/files/ru/web/css/animation-iteration-count/index.html index 713c56a8f1..27fad33da4 100644 --- a/files/ru/web/css/animation-iteration-count/index.html +++ b/files/ru/web/css/animation-iteration-count/index.html @@ -45,7 +45,7 @@ animation-iteration-count: 2, 0, infinite; <h2 id="Примеры">Примеры</h2> -<p>Смотрите примеры <a href="/ru/docs/Web/CSS/CSS_Animations/Ispolzovanie_CSS_animatciy">CSS анимации</a>.</p> +<p>Смотрите примеры <a href="/ru/docs/Web/CSS/CSS_Animations/Ispolzovanie_CSS_animatciy">CSS-анимации</a>.</p> <h2 id="Specifications" name="Specifications">Спецификации</h2> @@ -73,6 +73,6 @@ animation-iteration-count: 2, 0, infinite; <h2 id="Также_смотрите">Также смотрите</h2> <ul> - <li><a href="/ru/docs/Web/CSS/CSS_Animations/Ispolzovanie_CSS_animatciy" title="Обучение CSS анимациям">Использование CSS анимацией</a></li> + <li><a href="/ru/docs/Web/CSS/CSS_Animations/Ispolzovanie_CSS_animatciy" title="Обучение CSS-анимациям">Использование CSS-анимацией</a></li> <li>{{ domxref("AnimationEvent", "AnimationEvent") }}</li> </ul> diff --git a/files/ru/web/css/animation-name/index.html b/files/ru/web/css/animation-name/index.html index f2c2866b47..88624b853d 100644 --- a/files/ru/web/css/animation-name/index.html +++ b/files/ru/web/css/animation-name/index.html @@ -77,6 +77,6 @@ animation-name: <a href="/en-US/docs/Web/CSS/unset">unset</a> <h2 id="Смотрите_также">Смотрите также</h2> <ul> - <li><a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations" title="Tutorial about CSS animations">Использование CSS анимации</a></li> + <li><a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations" title="Tutorial about CSS animations">Использование CSS-анимации</a></li> <li>{{domxref("AnimationEvent", "AnimationEvent")}}</li> </ul> diff --git a/files/ru/web/css/animation-play-state/index.html b/files/ru/web/css/animation-play-state/index.html index d8e6888001..62e1e62403 100644 --- a/files/ru/web/css/animation-play-state/index.html +++ b/files/ru/web/css/animation-play-state/index.html @@ -72,6 +72,6 @@ animation-play-state: unset; <h2 id="Смотрите_также">Смотрите также</h2> <ul> - <li><a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations" title="Tutorial about CSS animations">Использование CSS анимаций</a></li> + <li><a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations" title="Tutorial about CSS animations">Использование CSS-анимаций</a></li> <li>{{domxref("AnimationEvent", "AnimationEvent")}}</li> </ul> diff --git a/files/ru/web/css/animation-timing-function/index.html b/files/ru/web/css/animation-timing-function/index.html index 5e0e2e857d..0a0ad11c23 100644 --- a/files/ru/web/css/animation-timing-function/index.html +++ b/files/ru/web/css/animation-timing-function/index.html @@ -87,6 +87,6 @@ translation_of: Web/CSS/animation-timing-function <p><span style='font-family: x-locale-heading-primary,zillaslab,Palatino,"Palatino Linotype",x-locale-heading-secondary,serif; font-size: 2.33333rem; letter-spacing: -0.00278rem;'>Смотрите также</span></p> <ul> - <li><a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations" title="CSS developer guide about CSS animations">Использование CSS анимаций</a></li> + <li><a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations" title="CSS developer guide about CSS animations">Использование CSS-анимаций</a></li> <li>{{domxref("AnimationEvent", "AnimationEvent")}}</li> </ul> diff --git a/files/ru/web/css/animation/index.html b/files/ru/web/css/animation/index.html index 2f613d625f..5301fbf619 100644 --- a/files/ru/web/css/animation/index.html +++ b/files/ru/web/css/animation/index.html @@ -36,7 +36,7 @@ translation_of: Web/CSS/animation <h2 id="Примеры">Примеры</h2> -<p>Посмотрите примеры <a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations">CSS анимаций.</a></p> +<p>Посмотрите примеры <a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations">CSS-анимаций.</a></p> <h3 id="Cylon_Eye">Cylon Eye</h3> @@ -113,6 +113,6 @@ translation_of: Web/CSS/animation <h2 id="Смотрите_также">Смотрите также</h2> <ul> - <li><a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations">Использование CSS анимации</a></li> + <li><a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations">Использование CSS-анимации</a></li> <li>JavaScript {{domxref("AnimationEvent")}} API</li> </ul> diff --git a/files/ru/web/css/appearance/index.html b/files/ru/web/css/appearance/index.html index b84ac013b4..15e43760ea 100644 --- a/files/ru/web/css/appearance/index.html +++ b/files/ru/web/css/appearance/index.html @@ -8,7 +8,7 @@ translation_of: Web/CSS/appearance --- <div>{{CSSRef}}{{SeeCompatTable}}</div> -<p>CSS свойство <strong><code>-moz-appearance</code></strong> используется в Gecko (Firefox) для отображения элемента, используя базовые стили платформы на основе темы операционной системы.</p> +<p>CSS-свойство <strong><code>-moz-appearance</code></strong> используется в Gecko (Firefox) для отображения элемента, используя базовые стили платформы на основе темы операционной системы.</p> <p>Свойство <strong><code>-webkit-appearance</code></strong> используется в браузерах WebKit-based (например, Safari) и Blink-based (например, Chrome, Opera) для того же эффекта. Заметьте, что Firefox и Edge также поддерживают <code>-webkit-appearance</code>, для обеспечения совместимости.</p> diff --git a/files/ru/web/css/background-color/index.html b/files/ru/web/css/background-color/index.html index 8b7ddd854c..7c2ac24002 100644 --- a/files/ru/web/css/background-color/index.html +++ b/files/ru/web/css/background-color/index.html @@ -3,7 +3,7 @@ title: background-color slug: Web/CSS/background-color tags: - CSS - - CSS свойства + - CSS-свойства - CSS фоны - Графика - Определение diff --git a/files/ru/web/css/background-image/index.html b/files/ru/web/css/background-image/index.html index 3ec3eaa46c..da3f708698 100644 --- a/files/ru/web/css/background-image/index.html +++ b/files/ru/web/css/background-image/index.html @@ -14,7 +14,7 @@ translation_of: Web/CSS/background-image <p>Свойство <a href="/ru/docs/CSS" title="/ru/docs/CSS">CSS</a> <strong><code>background-image</code></strong> устанавливает одно или несколько фоновых изображений для элемента. Изображения рисуются в слоях контекстов наложения одно поверх другого. Первый слой выводится так, чтобы он был ближе всего к пользователю.</p> -<p><a href="/ru/CSS/border" title="border">Границы</a> {{cssxref("border")}} элемента затем рисуются поверх них, и {{cssxref("background-color")}} рисуется под ними. То, как изображения отрисовываются относительно рамки и её границ, определяется CSS свойствами {{cssxref("background-clip")}} и {{cssxref("background-origin")}}.</p> +<p><a href="/ru/CSS/border" title="border">Границы</a> {{cssxref("border")}} элемента затем рисуются поверх них, и {{cssxref("background-color")}} рисуется под ними. То, как изображения отрисовываются относительно рамки и её границ, определяется CSS-свойствами {{cssxref("background-clip")}} и {{cssxref("background-origin")}}.</p> <p>Если указанное изображение не может быть нарисовано (например, когда файл, определённый указанным URI, не может быть загружен), браузеры обрабатывают его так, как если бы оно было значением <code>none</code>.</p> diff --git a/files/ru/web/css/background-repeat/index.html b/files/ru/web/css/background-repeat/index.html index ad4d0bffd0..38bff7a1d2 100644 --- a/files/ru/web/css/background-repeat/index.html +++ b/files/ru/web/css/background-repeat/index.html @@ -87,7 +87,7 @@ background-repeat: unset;</code></pre> </tr> <tr> <td><code>space</code></td> - <td>Изображение повторяется в заданном направлении столько раз, сколько необходимо, чтобы покрыть большую часть области рисования фонового изображения, не обрезая изображение. Оставшееся незакрытое пространство равномерно распределено между изображениями. Первое и последнее изображения касаются края элемента. Значение CSS свойства {{cssxref("background-position")}} игнорируется для рассматриваемого направления, за исключением случаев, когда отдельное изображение больше области рисования фонового изображения, что является единственным случаем, когда изображение может быть обрезано, когда используется значение <code>space</code>.</td> + <td>Изображение повторяется в заданном направлении столько раз, сколько необходимо, чтобы покрыть большую часть области рисования фонового изображения, не обрезая изображение. Оставшееся незакрытое пространство равномерно распределено между изображениями. Первое и последнее изображения касаются края элемента. Значение CSS-свойства {{cssxref("background-position")}} игнорируется для рассматриваемого направления, за исключением случаев, когда отдельное изображение больше области рисования фонового изображения, что является единственным случаем, когда изображение может быть обрезано, когда используется значение <code>space</code>.</td> </tr> <tr> <td><code>round</code></td> @@ -95,7 +95,7 @@ background-repeat: unset;</code></pre> </tr> <tr> <td><code>no-repeat</code></td> - <td>Изображение не повторяется (и, следовательно, область рисования фонового изображения не обязательно будет полностью покрыта). Расположение неповторяющегося фонового изображения определяется CSS свойством {{cssxref("background-position")}}.</td> + <td>Изображение не повторяется (и, следовательно, область рисования фонового изображения не обязательно будет полностью покрыта). Расположение неповторяющегося фонового изображения определяется CSS-свойством {{cssxref("background-position")}}.</td> </tr> </tbody> </table> diff --git a/files/ru/web/css/background-size/index.html b/files/ru/web/css/background-size/index.html index e0409db9b7..4b6324b938 100644 --- a/files/ru/web/css/background-size/index.html +++ b/files/ru/web/css/background-size/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/background-size <p>Значение <strong><code>background-size</code></strong> в <a href="/en-US/docs/CSS" title="CSS">CSS</a> позволяет задавать размер фонового изображения. Изображение может быть оставлено в исходном размере, растянуто, или подогнано под размеры доступного пространства.</p> -<div class="note"><strong>Предупреждение:</strong> Если значение этого свойства не задано в сокращённом свойстве {{cssxref("background")}}, которое применяется к элементу после CSS свойства <code>background-size</code>, то значение этого свойства затем сбрасывается до исходного значения c помощью сокращённого свойства.</div> +<div class="note"><strong>Предупреждение:</strong> Если значение этого свойства не задано в сокращённом свойстве {{cssxref("background")}}, которое применяется к элементу после CSS-свойства <code>background-size</code>, то значение этого свойства затем сбрасывается до исходного значения c помощью сокращённого свойства.</div> <p>{{cssinfo}}</p> diff --git a/files/ru/web/css/border-image-slice/index.html b/files/ru/web/css/border-image-slice/index.html index a645932308..72ea0222b5 100644 --- a/files/ru/web/css/border-image-slice/index.html +++ b/files/ru/web/css/border-image-slice/index.html @@ -7,7 +7,7 @@ translation_of: Web/CSS/border-image-slice <h2 id="Описание">Описание</h2> -<p>CSS свойство <strong><code>border-image-slice</code></strong> делит изображение указанное в {{cssxref("border-image-source")}} на девять областей: четыре угла, четыре края и середину. Это происходит путём указания 4 внутренних смещений.</p> +<p>CSS-свойство <strong><code>border-image-slice</code></strong> делит изображение указанное в {{cssxref("border-image-source")}} на девять областей: четыре угла, четыре края и середину. Это происходит путём указания 4 внутренних смещений.</p> <p><a href="/files/3814/border-image-slice.png" style="float: left;"><img alt="The nine slices defined by the CSS border-image shorthand or border-image-slice longhand properties" src="/files/3814/border-image-slice.png" style="height: 132px; margin: 1px; padding: 1em; width: 250px;"></a>Четыре значения управляют положением линий среза. If some are not specified, they are inferred from the other with the usual 4-value syntax of CSS.</p> diff --git a/files/ru/web/css/border-radius/index.html b/files/ru/web/css/border-radius/index.html index d08dd0e681..f0130766f2 100644 --- a/files/ru/web/css/border-radius/index.html +++ b/files/ru/web/css/border-radius/index.html @@ -3,7 +3,7 @@ title: border-radius slug: Web/CSS/border-radius tags: - CSS - - CSS свойство + - CSS-свойство - Скругление - Углы translation_of: Web/CSS/border-radius diff --git a/files/ru/web/css/border-width/index.html b/files/ru/web/css/border-width/index.html index e2bfa325af..b61951732d 100644 --- a/files/ru/web/css/border-width/index.html +++ b/files/ru/web/css/border-width/index.html @@ -7,7 +7,7 @@ translation_of: Web/CSS/border-width <h2 id="Summary">Summary</h2> -<p>CSS свойство {{cssxref("border-width")}}<span style="line-height: 1.5;"> определяет ширину рамки элемента. Но обычно её задают не отдельно, а в составе свойства {{cssxref("border")}}.</span></p> +<p>CSS-свойство {{cssxref("border-width")}}<span style="line-height: 1.5;"> определяет ширину рамки элемента. Но обычно её задают не отдельно, а в составе свойства {{cssxref("border")}}.</span></p> <p>{{cssinfo}}</p> diff --git a/files/ru/web/css/border/index.html b/files/ru/web/css/border/index.html index 93ce8b8020..d939fb8503 100644 --- a/files/ru/web/css/border/index.html +++ b/files/ru/web/css/border/index.html @@ -3,7 +3,7 @@ title: border slug: Web/CSS/border tags: - CSS Границы - - CSS свойства + - CSS-свойства - Разметка - Совместимость Мобильных Браузеров - Справка diff --git a/files/ru/web/css/bottom/index.html b/files/ru/web/css/bottom/index.html index baec36aaa1..1f2f0fec06 100644 --- a/files/ru/web/css/bottom/index.html +++ b/files/ru/web/css/bottom/index.html @@ -4,7 +4,7 @@ slug: Web/CSS/bottom tags: - CSS - CSS Позиционирование - - CSS свойство + - CSS-свойство - Справка translation_of: Web/CSS/bottom --- diff --git a/files/ru/web/css/box-shadow/index.html b/files/ru/web/css/box-shadow/index.html index 3366118622..ec7fb316b1 100644 --- a/files/ru/web/css/box-shadow/index.html +++ b/files/ru/web/css/box-shadow/index.html @@ -3,7 +3,7 @@ title: box-shadow slug: Web/CSS/box-shadow tags: - CSS - - CSS свойства + - CSS-свойства - CSS стили - HTML цвета - Стили diff --git a/files/ru/web/css/calc()/index.html b/files/ru/web/css/calc()/index.html index dfcc9a492d..f87a4979a0 100644 --- a/files/ru/web/css/calc()/index.html +++ b/files/ru/web/css/calc()/index.html @@ -13,7 +13,7 @@ translation_of: Web/CSS/calc() <h2 id="Синтаксис">Синтаксис</h2> -<p>Функция <code>calc()</code> принимает в качестве параметра математическое выражение, результат вычисления которого можно использовать как значение CSS свойства. Выражение может включать операторы +, -, *, / <span id="result_box" lang="ru"><span class="hps">с использованием стандартных</span> <span class="hps">правил</span> <span class="hps">приоритета операторов</span></span>:</p> +<p>Функция <code>calc()</code> принимает в качестве параметра математическое выражение, результат вычисления которого можно использовать как значение CSS-свойства. Выражение может включать операторы +, -, *, / <span id="result_box" lang="ru"><span class="hps">с использованием стандартных</span> <span class="hps">правил</span> <span class="hps">приоритета операторов</span></span>:</p> <dl> <dt><strong>+</strong></dt> diff --git a/files/ru/web/css/cascade/index.html b/files/ru/web/css/cascade/index.html index f1c17ceff6..51fc535d5e 100644 --- a/files/ru/web/css/cascade/index.html +++ b/files/ru/web/css/cascade/index.html @@ -7,7 +7,7 @@ translation_of: Web/CSS/Cascade -<p>Каскадность это алгоритм, который определяет как совмещать и сочетать значения свойств происходящих из различных источников(CSS правила могут располагаться как в самом веб-документе, так и во внешних файлах). Данный алгоритм лежит в основе CSS, как можно понять из его названия: <em>Cascading</em> Style Sheets(<em>Каскадные </em>Таблицы Стилей). Данная статья объясняет что такое каскадность, порядок в котором определяется какие свойства будут в конечном итоге выполнены и как это затрагивает вас, веб разработчика.</p> +<p>Каскадность это алгоритм, который определяет как совмещать и сочетать значения свойств происходящих из различных источников(CSS-правила могут располагаться как в самом веб-документе, так и во внешних файлах). Данный алгоритм лежит в основе CSS, как можно понять из его названия: <em>Cascading</em> Style Sheets(<em>Каскадные </em>Таблицы Стилей). Данная статья объясняет что такое каскадность, порядок в котором определяется какие свойства будут в конечном итоге выполнены и как это затрагивает вас, веб разработчика.</p> <h2 id="What_CSS_entities_participate_in_the_cascade">What CSS entities participate in the cascade</h2> diff --git a/files/ru/web/css/computed_value/index.html b/files/ru/web/css/computed_value/index.html index 964fb73790..1139807651 100644 --- a/files/ru/web/css/computed_value/index.html +++ b/files/ru/web/css/computed_value/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/computed_value --- <div>{{cssref}}</div> -<p><strong>Вычисленное значение</strong> CSS свойства вычисляется из указанного значения посредством:</p> +<p><strong>Вычисленное значение</strong> CSS-свойства вычисляется из указанного значения посредством:</p> <ul> <li>Обработки специальных значений {{cssxref("inherit")}} и {{cssxref("initial")}}, а также</li> diff --git a/files/ru/web/css/css_animations/using_css_animations/index.html b/files/ru/web/css/css_animations/using_css_animations/index.html index d385be5f08..557d5bb65f 100644 --- a/files/ru/web/css/css_animations/using_css_animations/index.html +++ b/files/ru/web/css/css_animations/using_css_animations/index.html @@ -13,7 +13,7 @@ original_slug: Web/CSS/CSS_Animations/Ispolzovanie_CSS_animatciy --- <p>{{SeeCompatTable}}{{CSSRef}}</p> -<p><span class="seoSummary">CSS анимации позволяют анимировать переходы от одной конфигурации CSS стилей к другой.</span> CSS-анимации состоят из двух компонентов: стилевое описание анимации и набор ключевых кадров, определяющих начальное, конечное и, возможно, промежуточное состояние анимируемых стилей.</p> +<p><span class="seoSummary">CSS-анимации позволяют анимировать переходы от одной конфигурации CSS стилей к другой.</span> CSS-анимации состоят из двух компонентов: стилевое описание анимации и набор ключевых кадров, определяющих начальное, конечное и, возможно, промежуточное состояние анимируемых стилей.</p> <p>Есть три преимущества CSS-анимации перед традиционными способами:</p> @@ -233,7 +233,7 @@ her in a languid, sleepy voice.</p> <h3 id="Установка_нескольких_значений_свойствам_анимации">Установка нескольких значений свойствам анимации </h3> -<p>CSS свойство анимации может иметь несколько значений, разделённых запятыми. Это используется, чтобы указать несколько значений анимации в одном правиле и установить разную продолжительность, число повторений и т.д., для различных анимаций. Рассмотрим несколько примеров, чтобы увидеть разницу.</p> +<p>CSS-свойство анимации может иметь несколько значений, разделённых запятыми. Это используется, чтобы указать несколько значений анимации в одном правиле и установить разную продолжительность, число повторений и т.д., для различных анимаций. Рассмотрим несколько примеров, чтобы увидеть разницу.</p> <p>В первом примере у свойства имени анимации установлены три значения, у свойств продолжительности и количества повторений — по одному. В этом случае у всех трёх анимаций одинаковая продолжительность и число повторений:</p> @@ -384,6 +384,6 @@ e.className = "slidein"; <ul> <li>{{ domxref("AnimationEvent", "AnimationEvent") }}</li> - <li><a href="/en-US/docs/CSS/CSS_animations/Detecting_CSS_animation_support" title="en/CSS/CSS animations/Detecting CSS animation support">Определение поддержки CSS анимации</a></li> + <li><a href="/en-US/docs/CSS/CSS_animations/Detecting_CSS_animation_support" title="en/CSS/CSS animations/Detecting CSS animation support">Определение поддержки CSS-анимации</a></li> <li><a href="/en-US/docs/Web/Guide/CSS/Using_CSS_transitions">Использование CSS-переходов</a></li> </ul> diff --git a/files/ru/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html b/files/ru/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html index 1969398293..0592b4bc12 100644 --- a/files/ru/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html +++ b/files/ru/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html @@ -12,7 +12,7 @@ original_slug: >- --- <div>{{cssref}}</div> -<p><a href="/en-US/docs/Mozilla/Gecko">Gecko</a> 1.8 (<a href="/en-US/Firefox/Releases/1.5">Firefox 1.5</a>, SeaMonkey 1.0) поддерживает URL-значения для CSS свойства {{cssxref("cursor")}} в Windows и Linux. Поддержка Mac была добавлена в Gecko 2 (Firefox 4). Это позволяет устанавливать произвольные изображения в качестве курсора мыши — может быть использовать любой формат изображений, поддерживаемый Gecko.</p> +<p><a href="/en-US/docs/Mozilla/Gecko">Gecko</a> 1.8 (<a href="/en-US/Firefox/Releases/1.5">Firefox 1.5</a>, SeaMonkey 1.0) поддерживает URL-значения для CSS-свойства {{cssxref("cursor")}} в Windows и Linux. Поддержка Mac была добавлена в Gecko 2 (Firefox 4). Это позволяет устанавливать произвольные изображения в качестве курсора мыши — может быть использовать любой формат изображений, поддерживаемый Gecko.</p> <h3 id="Синтаксис">Синтаксис</h3> @@ -56,7 +56,7 @@ original_slug: >- <p>Могут быть использованы любые форматы, поддерживаемые Gecko. Это означает, что вы можете использовать PNG, GIF, JPG, BMP, CUR и т.д. ANI не поддерживается. Анимированные PNG и GIF не добавят анимацию курсору.</p> <div class="note"> -<p><strong>Примечание:</strong> Начиная с Gecko 2.0 {{geckoRelease("2.0")}}, Gecko также поддерживает формат SVG в качестве изображения курсора. Тем не менее, SVG изображение должно содержать значения (кроме процентных значений) высоты и ширины на корневом <code>SVG</code> узле. JavaScript, CSS анимация и декларативный SMIL внутри SVG изображения игнорируются; например, вы не можете использовать SVG, чтобы создать анимированный курсор.</p> +<p><strong>Примечание:</strong> Начиная с Gecko 2.0 {{geckoRelease("2.0")}}, Gecko также поддерживает формат SVG в качестве изображения курсора. Тем не менее, SVG изображение должно содержать значения (кроме процентных значений) высоты и ширины на корневом <code>SVG</code> узле. JavaScript, CSS-анимация и декларативный SMIL внутри SVG изображения игнорируются; например, вы не можете использовать SVG, чтобы создать анимированный курсор.</p> </div> <p>В Gecko (Firefox) максимальный размер курсора - 128×128 пикселей. Изображения большего размера игнорируются. Однако, вам следую ограничиться размером курсора в 32×32 пикселя для максимальной совместимости с операционными системами и платформами.</p> diff --git a/files/ru/web/css/css_columns/using_multi-column_layouts/index.html b/files/ru/web/css/css_columns/using_multi-column_layouts/index.html index af886ff78f..46a7b5e42c 100644 --- a/files/ru/web/css/css_columns/using_multi-column_layouts/index.html +++ b/files/ru/web/css/css_columns/using_multi-column_layouts/index.html @@ -8,7 +8,7 @@ original_slug: Web/Guide/CSS/Using_multi-column_layouts <p><span class="seoSummary"><strong>CSS разметка для многих колонок</strong> расширяет <em>способ блочной разметки, </em>чтобы позволить лёгкое описание нескольких колонок текста.</span> Людям сложно читать текст, если строки слишком длинные; это занимает слишком много времени для глаз, чтобы перемещать взгляд с конца одной на начало следующей строки, и они забывают на какой строке находились. Поэтому, чтобы использовать большие дисплеи по максимуму, авторам следует ограничить ширину колонок текст расположенных бок о бок, как в газетах.</p> -<p>К несчастью, это невозможно сделать с CSS и HTML без принудительного разбиения колонки в фиксированных позициях, или строго ограничить допустимую разметку в тексте, или использовать экстраординарный скрипт. Это ограничение снимается с помощью добавления новых CSS свойств, чтобы расширить традиционный блочный способ разметки.</p> +<p>К несчастью, это невозможно сделать с CSS и HTML без принудительного разбиения колонки в фиксированных позициях, или строго ограничить допустимую разметку в тексте, или использовать экстраординарный скрипт. Это ограничение снимается с помощью добавления новых CSS-свойств, чтобы расширить традиционный блочный способ разметки.</p> <h2 id="Использование_колонок">Использование колонок</h2> diff --git a/files/ru/web/css/css_grid_layout/index.html b/files/ru/web/css/css_grid_layout/index.html index bac225352c..158ee6bef7 100644 --- a/files/ru/web/css/css_grid_layout/index.html +++ b/files/ru/web/css/css_grid_layout/index.html @@ -78,7 +78,7 @@ translation_of: Web/CSS/CSS_Grid_Layout <h2 id="Ссылки">Ссылки</h2> -<h3 id="CSS_свойства">CSS свойства</h3> +<h3 id="CSS_свойства">CSS-свойства</h3> <div class="index"> <ul> diff --git a/files/ru/web/css/css_positioning/understanding_z_index/the_stacking_context/index.html b/files/ru/web/css/css_positioning/understanding_z_index/the_stacking_context/index.html index 26fc648a2c..f2eedc49c9 100644 --- a/files/ru/web/css/css_positioning/understanding_z_index/the_stacking_context/index.html +++ b/files/ru/web/css/css_positioning/understanding_z_index/the_stacking_context/index.html @@ -3,7 +3,7 @@ title: Контекст наложения (stacking context) slug: Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context translation_of: Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context --- -<p>Контекст наложения (stacking context) это концепция трёхмерного расположения HTML элементов вдоль оси Z по отношению к пользователю, находящемуся перед экраном. HTML элементы занимают это место по порядку, основанному на атрибутах элемента.</p> +<p>Контекст наложения (stacking context) это концепция трёхмерного расположения HTML-элементов вдоль оси Z по отношению к пользователю, находящемуся перед экраном. HTML-элементы занимают это место по порядку, основанному на атрибутах элемента.</p> <p>« <a href="/en-US/docs/CSS" title="CSS">CSS</a> « <a href="/en-US/docs/CSS/Understanding_z-index" title="Understanding CSS z-index">Understanding CSS z-index</a></p> @@ -34,12 +34,12 @@ translation_of: Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_conte <p>Суммируем:</p> <ul> - <li>Позиционирование и присваивание HTML элементам свойства z-index создаёт контекст наложения, (так же как и присваивание элементу opacity меньше 1).</li> + <li>Позиционирование и присваивание HTML-элементам свойства z-index создаёт контекст наложения, (так же как и присваивание элементу opacity меньше 1).</li> <li>Контексты наложения могут быть частью других контекстов наложения и вместе создавать иерархию контекстов наложения. </li> <li>Каждый контекст наложения абсолютно независим от своего соседа: только подчинённые элементы учитываются при обработке контекста наложения.</li> </ul> -<div class="note"><strong>Note:</strong> Иерархия контекстов наложения является подмножеством иерархии HTML элементов, потому что только определённые элементы создают контексты наложения. Можно сказать, что элементы, которые не создают собственного контекста наложения, используют контекст наложения родителя.</div> +<div class="note"><strong>Note:</strong> Иерархия контекстов наложения является подмножеством иерархии HTML-элементов, потому что только определённые элементы создают контексты наложения. Можно сказать, что элементы, которые не создают собственного контекста наложения, используют контекст наложения родителя.</div> <h2 id="Пример"><strong>Пример</strong></h2> diff --git a/files/ru/web/css/css_selectors/using_the__colon_target_pseudo-class_in_selectors/index.html b/files/ru/web/css/css_selectors/using_the__colon_target_pseudo-class_in_selectors/index.html index 7c112e8d03..c978d0c833 100644 --- a/files/ru/web/css/css_selectors/using_the__colon_target_pseudo-class_in_selectors/index.html +++ b/files/ru/web/css/css_selectors/using_the__colon_target_pseudo-class_in_selectors/index.html @@ -6,7 +6,7 @@ original_slug: Web/CSS/CSS_Селекторы/Using_the_:target_pseudo-class_in_ --- <div>{{CSSRef}}</div> -<p>Иногда пользователям трудно заметить, что URL указывает на определённую часть документа. Узнайте, как можно использовать простое CSS правило, чтобы привлечь внимание пользователей к цели указания URL и улучшить их впечатления.</p> +<p>Иногда пользователям трудно заметить, что URL указывает на определённую часть документа. Узнайте, как можно использовать простое CSS-правило, чтобы привлечь внимание пользователей к цели указания URL и улучшить их впечатления.</p> <h2 id="Picking_a_Target" name="Picking_a_Target">Выбор целевых элементов</h2> diff --git a/files/ru/web/css/css_transitions/using_css_transitions/index.html b/files/ru/web/css/css_transitions/using_css_transitions/index.html index d02444ac6b..ccb564051d 100644 --- a/files/ru/web/css/css_transitions/using_css_transitions/index.html +++ b/files/ru/web/css/css_transitions/using_css_transitions/index.html @@ -5,7 +5,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions --- <p>{{CSSref}}{{SeeCompatTable}}</p> -<p><span class="seoSummary"><strong>CSS transitions</strong> предоставляют способ контролировать скорость анимации, при изменении CSS свойств. Вместо того, чтобы свойство применилось сразу, вы можете сделать это действие происходящим в течение какого-то момента времени. Например, если вы смените цвет элемента с белого на чёрный, изменение произойдёт моментально, а вот с CSS transitions, изменения произойдут за временные интервалы, следующих кривой ускорения, все из которых могут быть настроены.</span></p> +<p><span class="seoSummary"><strong>CSS transitions</strong> предоставляют способ контролировать скорость анимации, при изменении CSS-свойств. Вместо того, чтобы свойство применилось сразу, вы можете сделать это действие происходящим в течение какого-то момента времени. Например, если вы смените цвет элемента с белого на чёрный, изменение произойдёт моментально, а вот с CSS transitions, изменения произойдут за временные интервалы, следующих кривой ускорения, все из которых могут быть настроены.</span></p> <p>Анимации, составляющие переход между двумя состояниями, часто называют <em>неявными переходами</em>, так как промежуточные состояния в период между начальным и конечным состоянием неявно определяются браузером.<img alt="A CSS transition tells the browser to draw the intermediate states between the initial and final states, showing the user a smooth transitions." src="/files/4529/TransitionsPrinciple.png" style="display: block; height: 196px; margin: auto; width: 680px;"></p> @@ -13,7 +13,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions <div class="note"><strong>Замечание:</strong> CSS переходы могут использоваться без префиксов, однако спецификация только недавно достигла стабильности, префиксы по-прежнему необходимы для браузеров на WebKit. Они также необходимы для поддержки старых версий браузеров (таких как: Firefox 15, Opera 12 и более ранних). Таблица совместимости приведена внизу страницы с ещё большим количеством информации.</div> -<h2 id="Какие_CSS_свойства_анимируются">Какие CSS свойства анимируются?</h2> +<h2 id="Какие_CSS_свойства_анимируются">Какие CSS-свойства анимируются?</h2> <p>Разработчик может определить какое свойство и как анимировать. Это позволяет создавать сложные переходы. Так как некоторые свойства не имеет смысла анимировать, перечень<a href="/en-US/docs/CSS/CSS_animated_properties"> доступных для анимирования свойств </a>ограничен определённым набором.</p> @@ -21,7 +21,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions <p class="note">Значение свойства <code>auto</code> является сложным случаем. Спецификация не рекомендует анимировать в значение <code>auto</code> и из значения <code>auto</code>. Браузеры, основанные на Gecko, исполняют это требование в точности, а основанные на WebKit не так строго. Использование переходов с <code>auto</code> следует избегать, так как это может привести к непредсказуемым результатам, в зависимости от браузера и его версии.</p> -<p class="note">Необходимо также соблюдать осторожность при использовании переходов сразу после добавления элемента в DOM с помощью <code>.appendChild()</code> или удаления его <code>display: none; свойства</code>. Это выглядит, как будто никогда не происходило начальное состояние, а элемент всегда был в конечном состоянии. Самый простой способ преодолеть это ограничение - применить <code>window.setTimeout()</code> c некоторым количеством миллисекунд до изменения CSS свойства, которое вы собираетесь анимировать.</p> +<p class="note">Необходимо также соблюдать осторожность при использовании переходов сразу после добавления элемента в DOM с помощью <code>.appendChild()</code> или удаления его <code>display: none; свойства</code>. Это выглядит, как будто никогда не происходило начальное состояние, а элемент всегда был в конечном состоянии. Самый простой способ преодолеть это ограничение - применить <code>window.setTimeout()</code> c некоторым количеством миллисекунд до изменения CSS-свойства, которое вы собираетесь анимировать.</p> <h3 id="Пример_анимирования_нескольких_свойств">Пример анимирования нескольких свойств</h3> @@ -56,7 +56,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions <p>{{ EmbedLiveSample('Пример_анимирования_нескольких_свойств', 600, 300) }}</p> -<h2 id="CSS_свойства_определяющие_переходы">CSS свойства, определяющие переходы</h2> +<h2 id="CSS_свойства_определяющие_переходы">CSS-свойства, определяющие переходы</h2> <p>CSS переходы контролируются свойством<a href="https://developer.mozilla.org/en-US/docs/CSS/transition"> </a>{{cssxref("transition")}}. Это лучший способ их настроить, позволяет избежать длинных свойств и их несоответствий, которые могут сделать отладку CSS долгой.</p> @@ -1070,5 +1070,5 @@ document.addEventListener('click', function(ev){ <ul> <li><span><a href="http://techstream.org/Web-Design/Dock-Menu-with-CSS3" title="CSS3 Dock Menu using CSS transitions">Нижнее меню</a> с использованием CSS переходов</span></li> <li>Интерфейс {{domxref("TransitionEvent")}} и событие {{event("transitionend")}}.</li> - <li><a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations">Использование CSS анимаций</a></li> + <li><a href="/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations">Использование CSS-анимаций</a></li> </ul> diff --git a/files/ru/web/css/css_types/index.html b/files/ru/web/css/css_types/index.html index 47189715ea..783fececfd 100644 --- a/files/ru/web/css/css_types/index.html +++ b/files/ru/web/css/css_types/index.html @@ -5,7 +5,7 @@ translation_of: Web/CSS/CSS_Types --- <div>{{CssRef}}</div> -<p>Базовые типы данных в<strong> CSS </strong>определяют типичные значения (включая ключевые слова и единицы измерения), принимаемые CSS свойствами и функциями. Они являются частным случаем <a href="https://www.w3.org/TR/css3-values/#component-types">component value type</a>.</p> +<p>Базовые типы данных в<strong> CSS </strong>определяют типичные значения (включая ключевые слова и единицы измерения), принимаемые CSS-свойствами и функциями. Они являются частным случаем <a href="https://www.w3.org/TR/css3-values/#component-types">component value type</a>.</p> <p>В формальном синтаксисе типы данных обозначаются ключевыми словами, расположенными межу символами неравенства "<" и">".</p> diff --git a/files/ru/web/css/filter/index.html b/files/ru/web/css/filter/index.html index acd3dc2dfa..39615088ae 100644 --- a/files/ru/web/css/filter/index.html +++ b/files/ru/web/css/filter/index.html @@ -79,7 +79,7 @@ img { <h2 id="Функции">Функции</h2> -<p>Для использования CSS свойства <code>filter</code>, вы указываете значение для одной из выбранных функций. Если это значение недействительно, функция возвращает "none." За исключением тех случаев, когда функции, которые принимают значение, выраженное в процентах (34%), также принимают значение, выраженное как десятичная дробь (0.34).</p> +<p>Для использования CSS-свойства <code>filter</code>, вы указываете значение для одной из выбранных функций. Если это значение недействительно, функция возвращает "none." За исключением тех случаев, когда функции, которые принимают значение, выраженное в процентах (34%), также принимают значение, выраженное как десятичная дробь (0.34).</p> <h3 id="url"><code>url()</code></h3> diff --git a/files/ru/web/css/float/index.html b/files/ru/web/css/float/index.html index d8ac0950d5..2b53b4b528 100644 --- a/files/ru/web/css/float/index.html +++ b/files/ru/web/css/float/index.html @@ -7,7 +7,7 @@ translation_of: Web/CSS/float <h2 id="Summary">Summary</h2> -<p>CSS свойство <code>float</code> указывает, что текущий элемент должен быть изъят из обычного flow (потока) и прижат к левой или правой стороне родительского элемента. Текст и inline элементы будут обтекать такой элемент.</p> +<p>CSS-свойство <code>float</code> указывает, что текущий элемент должен быть изъят из обычного flow (потока) и прижат к левой или правой стороне родительского элемента. Текст и inline элементы будут обтекать такой элемент.</p> <p><strong>Плавающий элемент</strong> - это любой элемент со свойством <code>float</code> отличным от <code>none</code>.</p> diff --git a/files/ru/web/css/font-family/index.html b/files/ru/web/css/font-family/index.html index 44df7fc34e..331894b960 100644 --- a/files/ru/web/css/font-family/index.html +++ b/files/ru/web/css/font-family/index.html @@ -3,14 +3,14 @@ title: font-family slug: Web/CSS/font-family tags: - CSS - - CSS свойства - - CSS свойство + - CSS-свойства + - CSS-свойство - семейства-шрифтов translation_of: Web/CSS/font-family --- <div>{{CSSRef}}</div> -<p>CSS свойство <strong><code>font-family</code></strong> определяет приоритетный список из одного или нескольких названий семейства шрифтов и/или общее имя шрифта для выбранного элемента.</p> +<p>CSS-свойство <strong><code>font-family</code></strong> определяет приоритетный список из одного или нескольких названий семейства шрифтов и/или общее имя шрифта для выбранного элемента.</p> <div>{{EmbedInteractiveExample("pages/css/font-family.html")}}</div> diff --git a/files/ru/web/css/font-size/index.html b/files/ru/web/css/font-size/index.html index 8605e28f61..b51205dfa7 100644 --- a/files/ru/web/css/font-size/index.html +++ b/files/ru/web/css/font-size/index.html @@ -3,7 +3,7 @@ title: font-size slug: Web/CSS/font-size tags: - CSS - - CSS свойства + - CSS-свойства - css шрифты translation_of: Web/CSS/font-size --- diff --git a/files/ru/web/css/font-style/index.html b/files/ru/web/css/font-style/index.html index 2792ec7228..f72a3efbd8 100644 --- a/files/ru/web/css/font-style/index.html +++ b/files/ru/web/css/font-style/index.html @@ -8,7 +8,7 @@ translation_of: Web/CSS/font-style --- <div>{{CSSRef}}</div> -<p><strong><code>font-style</code></strong> это CSS свойство определяющее каким образом шрифт должен быть стилизирован, будь то это normal, italic, или oblique face из его {{cssxref("font-family")}}.</p> +<p><strong><code>font-style</code></strong> это CSS-свойство определяющее каким образом шрифт должен быть стилизирован, будь то это normal, italic, или oblique face из его {{cssxref("font-family")}}.</p> <div>{{EmbedInteractiveExample("pages/css/font-style.html")}}</div> diff --git a/files/ru/web/css/grid-area/index.html b/files/ru/web/css/grid-area/index.html index eef3305724..4efb6555aa 100644 --- a/files/ru/web/css/grid-area/index.html +++ b/files/ru/web/css/grid-area/index.html @@ -3,7 +3,7 @@ title: grid-area slug: Web/CSS/grid-area translation_of: Web/CSS/grid-area --- -<p><code><font face="Open Sans, arial, x-locale-body, sans-serif"><span style="background-color: #ffffff;">CSS свойство </span></font><strong>grid-area</strong></code> - это <a href="/en-US/docs/Web/CSS/Shorthand_properties">сокращённая форма записи</a> для свойств {{cssxref("grid-row-start")}}, {{cssxref("grid-column-start")}}, {{cssxref("grid-row-end")}} и {{cssxref("grid-column-end")}}. Определяет размер и местоположение грид-элемента в пределах {{glossary("grid rows", "grid row")}}. Задаёт края {{glossary("grid areas", "грид-области")}} грид-элемента.</p> +<p><code><font face="Open Sans, arial, x-locale-body, sans-serif"><span style="background-color: #ffffff;">CSS-свойство </span></font><strong>grid-area</strong></code> - это <a href="/en-US/docs/Web/CSS/Shorthand_properties">сокращённая форма записи</a> для свойств {{cssxref("grid-row-start")}}, {{cssxref("grid-column-start")}}, {{cssxref("grid-row-end")}} и {{cssxref("grid-column-end")}}. Определяет размер и местоположение грид-элемента в пределах {{glossary("grid rows", "grid row")}}. Задаёт края {{glossary("grid areas", "грид-области")}} грид-элемента.</p> <pre class="brush: css no-line-numbers">/* Ключевые слова в качестве значений */ grid-area: auto; diff --git a/files/ru/web/css/grid-template-areas/index.html b/files/ru/web/css/grid-template-areas/index.html index 9930232eec..9e8105a107 100644 --- a/files/ru/web/css/grid-template-areas/index.html +++ b/files/ru/web/css/grid-template-areas/index.html @@ -3,7 +3,7 @@ title: grid-template-areas slug: Web/CSS/grid-template-areas translation_of: Web/CSS/grid-template-areas --- -<p>CSS свойство <strong><code>grid-template-areas</code></strong> определяет название {{glossary("grid-области")}}.</p> +<p>CSS-свойство <strong><code>grid-template-areas</code></strong> определяет название {{glossary("grid-области")}}.</p> <div>{{EmbedInteractiveExample("pages/css/grid-template-areas.html")}}</div> @@ -119,7 +119,7 @@ grid-template-areas: unset; <h2 id="Смотрите_также">Смотрите также</h2> <ul> - <li>Связанные CSS свойства: {{cssxref("grid-template-rows")}}, {{cssxref("grid-template-columns")}}, {{cssxref("grid-template")}}</li> + <li>Связанные CSS-свойства: {{cssxref("grid-template-rows")}}, {{cssxref("grid-template-columns")}}, {{cssxref("grid-template")}}</li> <li>Grid Layout Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas">Grid template areas</a></em></li> <li>Video tutorial: <em><a href="http://gridbyexample.com/video/grid-template-areas/">Grid Template Areas</a></em></li> </ul> diff --git a/files/ru/web/css/grid-template-columns/index.html b/files/ru/web/css/grid-template-columns/index.html index 15278dec92..e4effc8e08 100644 --- a/files/ru/web/css/grid-template-columns/index.html +++ b/files/ru/web/css/grid-template-columns/index.html @@ -7,7 +7,7 @@ tags: - grid translation_of: Web/CSS/grid-template-columns --- -<p><span class="seoSummary">CSS свойство <strong><code>grid-template-columns</code></strong> определяет имена линий и функции гибкости линий. {{glossary("grid column", "grid columns")}}. Другими словами, задаёт количество столбцов "колонок" в сетке и может определять ширину каждой из них.</span></p> +<p><span class="seoSummary">CSS-свойство <strong><code>grid-template-columns</code></strong> определяет имена линий и функции гибкости линий. {{glossary("grid column", "grid columns")}}. Другими словами, задаёт количество столбцов "колонок" в сетке и может определять ширину каждой из них.</span></p> <p>{{EmbedInteractiveExample("pages/css/grid-template-columns.html")}}</p> diff --git a/files/ru/web/css/grid-template-rows/index.html b/files/ru/web/css/grid-template-rows/index.html index 0a0d5ec229..4de6e334d0 100644 --- a/files/ru/web/css/grid-template-rows/index.html +++ b/files/ru/web/css/grid-template-rows/index.html @@ -3,7 +3,7 @@ title: grid-template-rows slug: Web/CSS/grid-template-rows translation_of: Web/CSS/grid-template-rows --- -<p class="summary"><span class="seoSummary"><code>grid-template-rows</code> </span>— это<span class="seoSummary">CSS свойство, </span> которое определяет названия линий и путь размера функции <span class="seoSummary"> {{glossary("grid rows", "grid rows")}}.</span></p> +<p class="summary"><span class="seoSummary"><code>grid-template-rows</code> </span>— это<span class="seoSummary">CSS-свойство, </span> которое определяет названия линий и путь размера функции <span class="seoSummary"> {{glossary("grid rows", "grid rows")}}.</span></p> <pre class="brush: css no-line-numbers">/* Keyword value */ grid-template-rows: none; diff --git a/files/ru/web/css/grid/index.html b/files/ru/web/css/grid/index.html index d46d0121c6..6f14f37d84 100644 --- a/files/ru/web/css/grid/index.html +++ b/files/ru/web/css/grid/index.html @@ -3,7 +3,7 @@ title: grid slug: Web/CSS/grid tags: - CSS - - CSS свойства + - CSS-свойства - CSS сетка - Ссылки translation_of: Web/CSS/grid diff --git a/files/ru/web/css/hyphens/index.html b/files/ru/web/css/hyphens/index.html index 00858e50a1..94ba6884da 100644 --- a/files/ru/web/css/hyphens/index.html +++ b/files/ru/web/css/hyphens/index.html @@ -59,7 +59,7 @@ hyphens: unset; </dl> <div class="blockIndicator note"> -<p>Когда HTML элемент <code><a href="/en-US/docs/Web/HTML/Element/wbr"><wbr></a></code> приводит к разрыву строки, дефис не добавляется.</p> +<p>Когда HTML-элемент <code><a href="/en-US/docs/Web/HTML/Element/wbr"><wbr></a></code> приводит к разрыву строки, дефис не добавляется.</p> </div> <h2 id="Формальное_определение"><font><font>Формальное определение</font></font></h2> diff --git a/files/ru/web/css/inherit/index.html b/files/ru/web/css/inherit/index.html index af782dd1ed..f172276f08 100644 --- a/files/ru/web/css/inherit/index.html +++ b/files/ru/web/css/inherit/index.html @@ -16,7 +16,7 @@ translation_of: Web/CSS/inherit --- <div>{{CSSRef}}</div> -<p><span class="seoSummary">Ключевое слово <strong> <code>inherit</code></strong> (CSS) вынуждает элемент использовать <a href="/ru/docs/Web/CSS/computed_value">вычисленное значение</a> аналогичного свойства родительского элемента.</span> Это может быть применено к любому свойству CSS, включая CSS свойство {{cssxref("all")}}.</p> +<p><span class="seoSummary">Ключевое слово <strong> <code>inherit</code></strong> (CSS) вынуждает элемент использовать <a href="/ru/docs/Web/CSS/computed_value">вычисленное значение</a> аналогичного свойства родительского элемента.</span> Это может быть применено к любому свойству CSS, включая CSS-свойство {{cssxref("all")}}.</p> <p>Для <a href="/ru/docs/Web/CSS/inheritance" title="ru/docs/Web/CSS/inheritance">наследуемых свойств</a>, это усиливает поведение по умолчанию и требуется только для переопределения другого правила. Для <a href="/ru/docs/Web/CSS/inheritance" title="/ru/docs/Web/CSS/inheritance">ненаследуемых свойств</a>, это указывает на поведение, которое обычно имеет относительно мало смысла, и вы можете рассмотреть возможность использовать вместо него {{cssxref("initial")}} или {{cssxref("unset")}} со свойством {{cssxref("all")}}.</p> diff --git a/files/ru/web/css/inheritance/index.html b/files/ru/web/css/inheritance/index.html index ec125b3493..add80ff011 100644 --- a/files/ru/web/css/inheritance/index.html +++ b/files/ru/web/css/inheritance/index.html @@ -5,7 +5,7 @@ translation_of: Web/CSS/inheritance --- <h2 id="Описание">Описание</h2> -<p>Описание каждого <a href="/ru/docs/Web/CSS/Reference" title="en/CSS_Reference">CSS свойства</a> говорит наследуется ли оно по умолчанию ("Наследуется: да/нет"). Наследование контролирует, что происходит, если значение свойства элемента не определено.</p> +<p>Описание каждого <a href="/ru/docs/Web/CSS/Reference" title="en/CSS_Reference">CSS-свойства</a> говорит наследуется ли оно по умолчанию ("Наследуется: да/нет"). Наследование контролирует, что происходит, если значение свойства элемента не определено.</p> <h2 id="Inherited_properties" name="Inherited_properties">Наследуемые свойства</h2> diff --git a/files/ru/web/css/initial/index.html b/files/ru/web/css/initial/index.html index 66be3f1690..d83cb08da9 100644 --- a/files/ru/web/css/initial/index.html +++ b/files/ru/web/css/initial/index.html @@ -15,7 +15,7 @@ translation_of: Web/CSS/initial --- <div>{{CSSRef}}</div> -<p><span class="seoSummary">Ключевое слово <strong><code>initial</code></strong> (CSS) устанавливает свойство элемента в <a href="/ru/docs/Web/CSS/initial_value">начальное (или по умолчанию) значение</a>. Это может быть применимо к любому свойству CSS.</span> Это относится также к CSS свойству {{cssxref("all")}}, с которым <code>initial</code> может быть использовано для восстановления всех CSS свойств до их начальных значений.</p> +<p><span class="seoSummary">Ключевое слово <strong><code>initial</code></strong> (CSS) устанавливает свойство элемента в <a href="/ru/docs/Web/CSS/initial_value">начальное (или по умолчанию) значение</a>. Это может быть применимо к любому свойству CSS.</span> Это относится также к CSS-свойству {{cssxref("all")}}, с которым <code>initial</code> может быть использовано для восстановления всех CSS-свойств до их начальных значений.</p> <div class="note"> <p><strong>Примечание:</strong> На <a href="/ru/docs/Web/CSS/inheritance#Inherited_properties">наследуемые свойства</a> действие значения initial может быть непредвиденным. Вы должны рассмотреть возможность использования ключевых слов {{cssxref("inherit")}}, {{cssxref("unset")}} или {{cssxref("revert")}} вместо него.</p> diff --git a/files/ru/web/css/initial_value/index.html b/files/ru/web/css/initial_value/index.html index 6805742d06..53868364ce 100644 --- a/files/ru/web/css/initial_value/index.html +++ b/files/ru/web/css/initial_value/index.html @@ -5,7 +5,7 @@ translation_of: Web/CSS/initial_value --- <h2 id="Описание">Описание</h2> -<p><strong>Начальное значение</strong>, данное в кратком описании <a href="/ru/docs/Web/CSS/Reference" title="en/CSS_Reference">каждого CSS свойства</a> имеет различное значение для <a href="/ru/docs/Web/CSS/inheritance" title="en/CSS/inheritance">наследуемых и не наследуемых свойств</a>.</p> +<p><strong>Начальное значение</strong>, данное в кратком описании <a href="/ru/docs/Web/CSS/Reference" title="en/CSS_Reference">каждого CSS-свойства</a> имеет различное значение для <a href="/ru/docs/Web/CSS/inheritance" title="en/CSS/inheritance">наследуемых и не наследуемых свойств</a>.</p> <p>Для <a href="/ru/docs/Web/CSS/inheritance#Inherited_properties" title="en/CSS/inheritance#Inherited_properties">наследуемых</a>, начальное значение установлено <strong>только</strong> для корневого элемента, если не указано никакого значения для элемента.</p> diff --git a/files/ru/web/css/layout_mode/index.html b/files/ru/web/css/layout_mode/index.html index 3be34f7296..55c204725d 100644 --- a/files/ru/web/css/layout_mode/index.html +++ b/files/ru/web/css/layout_mode/index.html @@ -19,7 +19,7 @@ original_slug: Web/CSS/Способ_расположения </ul> <div class="note"> -<p><strong>Примечание:</strong> не все <a href="/ru/docs/Web/CSS/Reference" title="/ru/docs/Web/CSS/Reference">CSS свойства</a> применимы ко всем способам разметки. Большинство из них применяются к одному или двум из них и не действуют, если применяются на элементе, участвующем в другом режиме разметки.</p> +<p><strong>Примечание:</strong> не все <a href="/ru/docs/Web/CSS/Reference" title="/ru/docs/Web/CSS/Reference">CSS-свойства</a> применимы ко всем способам разметки. Большинство из них применяются к одному или двум из них и не действуют, если применяются на элементе, участвующем в другом режиме разметки.</p> </div> <h2 id="Смотрите_также">Смотрите также</h2> diff --git a/files/ru/web/css/margin-bottom/index.html b/files/ru/web/css/margin-bottom/index.html index 6e65b841ff..dd47948112 100644 --- a/files/ru/web/css/margin-bottom/index.html +++ b/files/ru/web/css/margin-bottom/index.html @@ -3,7 +3,7 @@ title: margin-bottom slug: Web/CSS/margin-bottom tags: - CSS - - CSS свойство + - CSS-свойство translation_of: Web/CSS/margin-bottom --- <div>{{CSSRef}}</div> @@ -14,7 +14,7 @@ translation_of: Web/CSS/margin-bottom <p class="hidden">Исходник этого интерактивного примера хранится на репозитории GitHub.Если вы хотите внести свой вклад в проект интерактивных примеров, перейдите по ссылке https://github.com/mdn/interactive-examples и отправьте нам запрос на добавление.</p> -<p> <img alt="Влияние CSS свойства margin-bottom на блок элемента" src="https://mdn.mozillademos.org/files/16471/margin-bottomru.png" style="border-style: solid; border-width: 1px; font-size: 1rem; height: 150px; letter-spacing: -0.00278rem; width: 459px;"></p> +<p> <img alt="Влияние CSS-свойства margin-bottom на блок элемента" src="https://mdn.mozillademos.org/files/16471/margin-bottomru.png" style="border-style: solid; border-width: 1px; font-size: 1rem; height: 150px; letter-spacing: -0.00278rem; width: 459px;"></p> <p>Это свойство не имеет воздействия на незамещаемые элементы, такие как {{HTMLElement("span")}} или {{HTMLElement("code")}}.</p> diff --git a/files/ru/web/css/mix-blend-mode/index.html b/files/ru/web/css/mix-blend-mode/index.html index cb6cfde131..55db946685 100644 --- a/files/ru/web/css/mix-blend-mode/index.html +++ b/files/ru/web/css/mix-blend-mode/index.html @@ -4,12 +4,12 @@ slug: Web/CSS/mix-blend-mode tags: - CSS - CSS композитинг - - CSS свойство + - CSS-свойство translation_of: Web/CSS/mix-blend-mode --- <div>{{CSSRef}}</div> -<p>CSS свойство <strong><code>mix-blend-mode</code></strong> определяет режим смешивания цветов выбранного элемента с низлежащими слоями.</p> +<p>CSS-свойство <strong><code>mix-blend-mode</code></strong> определяет режим смешивания цветов выбранного элемента с низлежащими слоями.</p> <p>{{EmbedInteractiveExample("pages/css/mix-blend-mode.html")}}</p> diff --git a/files/ru/web/css/opacity/index.html b/files/ru/web/css/opacity/index.html index 92b9189692..d434f4cfe0 100644 --- a/files/ru/web/css/opacity/index.html +++ b/files/ru/web/css/opacity/index.html @@ -3,7 +3,7 @@ title: opacity slug: Web/CSS/opacity tags: - CSS - - CSS свойство + - CSS-свойство - Opacity - Непрозрачность - Прозрачность diff --git a/files/ru/web/css/order/index.html b/files/ru/web/css/order/index.html index 783af7d5b6..ca01f0c801 100644 --- a/files/ru/web/css/order/index.html +++ b/files/ru/web/css/order/index.html @@ -4,7 +4,7 @@ slug: Web/CSS/order tags: - CSS - CSS Flexible Boxes - - CSS свойства + - CSS-свойства translation_of: Web/CSS/order --- <div>{{CSSRef}}</div> diff --git a/files/ru/web/css/padding-left/index.html b/files/ru/web/css/padding-left/index.html index f669f782d3..21de36b1ab 100644 --- a/files/ru/web/css/padding-left/index.html +++ b/files/ru/web/css/padding-left/index.html @@ -3,7 +3,7 @@ title: padding-left slug: Web/CSS/padding-left tags: - CSS - - CSS свойство + - CSS-свойство translation_of: Web/CSS/padding-left --- <div><font><font>{{CSSRef}}</font></font></div> diff --git a/files/ru/web/css/padding-right/index.html b/files/ru/web/css/padding-right/index.html index bba1e82b18..dda2578083 100644 --- a/files/ru/web/css/padding-right/index.html +++ b/files/ru/web/css/padding-right/index.html @@ -3,7 +3,7 @@ title: padding-right slug: Web/CSS/padding-right tags: - CSS - - CSS свойство + - CSS-свойство translation_of: Web/CSS/padding-right --- <div>{{CSSRef}}</div> diff --git a/files/ru/web/css/padding/index.html b/files/ru/web/css/padding/index.html index d299d9dbf2..b2fc38a794 100644 --- a/files/ru/web/css/padding/index.html +++ b/files/ru/web/css/padding/index.html @@ -4,7 +4,7 @@ slug: Web/CSS/padding tags: - CSS - CSS Padding - - CSS свойство + - CSS-свойство translation_of: Web/CSS/padding --- <div>{{CSSRef}}</div> diff --git a/files/ru/web/css/pointer-events/index.html b/files/ru/web/css/pointer-events/index.html index 7e58107238..30aecfec17 100644 --- a/files/ru/web/css/pointer-events/index.html +++ b/files/ru/web/css/pointer-events/index.html @@ -2,7 +2,7 @@ title: pointer-events slug: Web/CSS/pointer-events tags: - - CSS свойства + - CSS-свойства - Ссылка translation_of: Web/CSS/pointer-events --- @@ -10,7 +10,7 @@ translation_of: Web/CSS/pointer-events <h2 id="Описание">Описание</h2> -<p>CSS свойство<strong> <code>pointer-events</code></strong> позволяет контролировать события, при которых элемент может стать объектом события мыши. Если это свойство не задано, то к содержимому SVG будут применяться характеристики значения <code>visiblePainted.</code></p> +<p>CSS-свойство<strong> <code>pointer-events</code></strong> позволяет контролировать события, при которых элемент может стать объектом события мыши. Если это свойство не задано, то к содержимому SVG будут применяться характеристики значения <code>visiblePainted.</code></p> <p>Вдобавок к указанию того, что элемент не является объектом события мыши, значение <code>none</code> сообщает событию мыши проходить "через" элемент и обращаться к элементу, находящемуся "под" ним.</p> diff --git a/files/ru/web/css/replaced_element/index.html b/files/ru/web/css/replaced_element/index.html index 5ea04a61f3..54898babfe 100644 --- a/files/ru/web/css/replaced_element/index.html +++ b/files/ru/web/css/replaced_element/index.html @@ -40,7 +40,7 @@ original_slug: Web/CSS/Замещаемый_элемент <p>CSS обрабатывает замещаемые элементы особым образом в некоторых случаях, например при расчёте внешних отступов и некоторых значений <code>auto</code>.</p> -<p>Заметим, что у некоторых замещаемых элементов, но не у всех, есть внутренние размеры или определённая базовая линия, которая используется CSS свойствами вроде {{cssxref("vertical-align")}}.</p> +<p>Заметим, что у некоторых замещаемых элементов, но не у всех, есть внутренние размеры или определённая базовая линия, которая используется CSS-свойствами вроде {{cssxref("vertical-align")}}.</p> <h2 id="Смотрите_также">Смотрите также</h2> diff --git a/files/ru/web/css/resolved_value/index.html b/files/ru/web/css/resolved_value/index.html index 295f999c83..e1113aafa9 100644 --- a/files/ru/web/css/resolved_value/index.html +++ b/files/ru/web/css/resolved_value/index.html @@ -7,7 +7,7 @@ translation_of: Web/CSS/resolved_value --- <div>{{cssref}}</div> -<p><strong>Решённое значение</strong> CSS свойства - значение, возвращаемое {{domxref("Window.getComputedStyle", "getComputedStyle()")}}. Для многих свойств, это {{cssxref("computed_value", "вычисленное значение") }}, но для старых свойств (включая {{cssxref("width")}} и {{cssxref("height")}}), это {{cssxref("used_value", "используемое значение")}}. Смотрите ссылку спецификации ниже для дополнительной информации.</p> +<p><strong>Решённое значение</strong> CSS-свойства - значение, возвращаемое {{domxref("Window.getComputedStyle", "getComputedStyle()")}}. Для многих свойств, это {{cssxref("computed_value", "вычисленное значение") }}, но для старых свойств (включая {{cssxref("width")}} и {{cssxref("height")}}), это {{cssxref("used_value", "используемое значение")}}. Смотрите ссылку спецификации ниже для дополнительной информации.</p> <h2 id="Спецификации">Спецификации</h2> diff --git a/files/ru/web/css/right/index.html b/files/ru/web/css/right/index.html index e825de23ab..0699fd57a1 100644 --- a/files/ru/web/css/right/index.html +++ b/files/ru/web/css/right/index.html @@ -4,7 +4,7 @@ slug: Web/CSS/right tags: - CSS - CSS Позиционирование - - CSS свойство + - CSS-свойство translation_of: Web/CSS/right --- <div>{{CSSRef}}</div> diff --git a/files/ru/web/css/scroll-behavior/index.html b/files/ru/web/css/scroll-behavior/index.html index 0797bac009..fa2127eda6 100644 --- a/files/ru/web/css/scroll-behavior/index.html +++ b/files/ru/web/css/scroll-behavior/index.html @@ -7,7 +7,7 @@ translation_of: Web/CSS/scroll-behavior <h2 id="Summary" name="Summary">Описание</h2> -<p><strong><code>scroll-behavior</code></strong> - CSS свойство, которое определяет поведение прокрутки для любого элемента на странице. Отрабатывается в момент автоматической прокрутки навигационных элементов, либо CSSOM прокручивается API. Любые другие прокручивания, например, те, которые выполняются пользователем, не затрагиваются этим свойством. Если это свойство указано на корневой элемент, оно относится ко всему <em>viewport</em> пространству.</p> +<p><strong><code>scroll-behavior</code></strong> - CSS-свойство, которое определяет поведение прокрутки для любого элемента на странице. Отрабатывается в момент автоматической прокрутки навигационных элементов, либо CSSOM прокручивается API. Любые другие прокручивания, например, те, которые выполняются пользователем, не затрагиваются этим свойством. Если это свойство указано на корневой элемент, оно относится ко всему <em>viewport</em> пространству.</p> <p>Юзер-агенты могут игнорировать это свойство.</p> diff --git a/files/ru/web/css/shorthand_properties/index.html b/files/ru/web/css/shorthand_properties/index.html index 90738acb1b..8f6baf168a 100644 --- a/files/ru/web/css/shorthand_properties/index.html +++ b/files/ru/web/css/shorthand_properties/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/Shorthand_properties --- <div>{{cssref}}</div> -<p class="summary"><strong><dfn>Сокращённые свойства</dfn></strong> - это такие CSS свойства, которые позволяют одновременно устанавливать значения нескольких других свойств. Используя сокращённое свойство, вы можете писать более сжатые (и часто более читаемые) таблицы стилей, экономя время и энергию.</p> +<p class="summary"><strong><dfn>Сокращённые свойства</dfn></strong> - это такие CSS-свойства, которые позволяют одновременно устанавливать значения нескольких других свойств. Используя сокращённое свойство, вы можете писать более сжатые (и часто более читаемые) таблицы стилей, экономя время и энергию.</p> <p>The CSS specification defines shorthand properties to group the definition of common properties acting on the same theme. For instance, the CSS {{cssxref("background")}} property is a shorthand property that's able to define the values of {{cssxref("background-color")}}, {{cssxref("background-image")}}, {{cssxref("background-repeat")}}, and {{cssxref("background-position")}}. Similarly, the most common font-related properties can be defined using the shorthand {{cssxref("font")}}, and the different margins around a box can be defined using the {{cssxref("margin")}} shorthand.</p> diff --git a/files/ru/web/css/specified_value/index.html b/files/ru/web/css/specified_value/index.html index 7cc26d6db9..3bf9b4c6b9 100644 --- a/files/ru/web/css/specified_value/index.html +++ b/files/ru/web/css/specified_value/index.html @@ -9,11 +9,11 @@ original_slug: Web/CSS/Указанное_значение --- <p>{{CSSRef}}</p> -<p><strong>Указанное значение</strong> CSS свойства может устанавливаться одним из 3 следующих способов.</p> +<p><strong>Указанное значение</strong> CSS-свойства может устанавливаться одним из 3 следующих способов.</p> <ol> <li>Если в таблице стилей документа указано значение свойства, которое будет использоваться. Например, если свойство {{cssxref("color")}} устанавливается в <code>green</code>, то цвет текста соответствующего элемента становится зелёным.</li> - <li>Если в таблице стилей документа указано значение, которое может наследоваться от родительского элемента (если возможно). Например, у нас есть параграф ({{HTMLElement("p")}}) внутри {{HTMLElement("div")}}, а к {{HTMLElement("div")}} применено CSS свойство <code>font</code> со значением "Arial", а у {{HTMLElement("p")}} не установлено свойство <code>font</code>, то он унаследует значение шрифта "Arial".</li> + <li>Если в таблице стилей документа указано значение, которое может наследоваться от родительского элемента (если возможно). Например, у нас есть параграф ({{HTMLElement("p")}}) внутри {{HTMLElement("div")}}, а к {{HTMLElement("div")}} применено CSS-свойство <code>font</code> со значением "Arial", а у {{HTMLElement("p")}} не установлено свойство <code>font</code>, то он унаследует значение шрифта "Arial".</li> <li>Если не выполняется не то, не другое, начальное значение элемента применяется из CSS спецификации.</li> </ol> diff --git a/files/ru/web/css/syntax/index.html b/files/ru/web/css/syntax/index.html index 18803ab95c..fa36a6bf1f 100644 --- a/files/ru/web/css/syntax/index.html +++ b/files/ru/web/css/syntax/index.html @@ -17,7 +17,7 @@ original_slug: Web/CSS/Синтаксис <h2 id="Объявления_CSS">Объявления CSS</h2> -<p>Задание CSS свойствам определённых значений — это основная функция CSS. Пара свойство-значение называется <em>объявлением</em>. Работа CSS движка заключается в поиске соответствий между объявлениями стилей и элементом на странице, чтобы правильно отобразить и форматировать этот элемент.</p> +<p>Задание CSS-свойствам определённых значений — это основная функция CSS. Пара свойство-значение называется <em>объявлением</em>. Работа CSS движка заключается в поиске соответствий между объявлениями стилей и элементом на странице, чтобы правильно отобразить и форматировать этот элемент.</p> <p>И свойство, и значения регистрозависимы. Пара свойство-значение разделяется двоеточием, '<code>:</code>' (<code>U+003A COLON</code>), а пробелы до, между и после свойства или значения игнорируются.</p> diff --git a/files/ru/web/css/text-align-last/index.html b/files/ru/web/css/text-align-last/index.html index ca8d567785..b7f525971c 100644 --- a/files/ru/web/css/text-align-last/index.html +++ b/files/ru/web/css/text-align-last/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/text-align-last <h2 id="Кратко">Кратко</h2> -<p><code>text-align-last</code> CSS свойство описывает как выравнивается последняя строка в блоке или строка, идущая сразу перед принудительным разрывом строки.</p> +<p><code>text-align-last</code> CSS-свойство описывает как выравнивается последняя строка в блоке или строка, идущая сразу перед принудительным разрывом строки.</p> <div>{{cssinfo}}</div> diff --git a/files/ru/web/css/text-align/index.html b/files/ru/web/css/text-align/index.html index bbd885ec7b..8c58dd091b 100644 --- a/files/ru/web/css/text-align/index.html +++ b/files/ru/web/css/text-align/index.html @@ -7,7 +7,7 @@ translation_of: Web/CSS/text-align <h2 id="Резюме">Резюме</h2> -<p><code>text-align</code> CSS свойство описывает, как линейное содержимое, наподобие текста, выравнивается в блоке его родительского элемента. <code>text-align</code> не контролирует выравнивание элементов самого блока, но только их линейное содержимое.</p> +<p><code>text-align</code> CSS-свойство описывает, как линейное содержимое, наподобие текста, выравнивается в блоке его родительского элемента. <code>text-align</code> не контролирует выравнивание элементов самого блока, но только их линейное содержимое.</p> <p>{{cssinfo}}</p> diff --git a/files/ru/web/css/top/index.html b/files/ru/web/css/top/index.html index 41f4143b26..24e7bcac0c 100644 --- a/files/ru/web/css/top/index.html +++ b/files/ru/web/css/top/index.html @@ -4,7 +4,7 @@ slug: Web/CSS/top tags: - CSS - CSS Позиционирование - - CSS свойство + - CSS-свойство - Справка translation_of: Web/CSS/top --- diff --git a/files/ru/web/css/visual_formatting_model/index.html b/files/ru/web/css/visual_formatting_model/index.html index 6c756b85ba..7256046229 100644 --- a/files/ru/web/css/visual_formatting_model/index.html +++ b/files/ru/web/css/visual_formatting_model/index.html @@ -26,7 +26,7 @@ original_slug: Web/Guide/CSS/Visual_formatting_model <h3 id="Блочные_элементы_и_блок-боксы">Блочные элементы и блок-боксы</h3> -<p>Говорят, что элемент является блочным, когда вычисленное значение его CSS свойства {{ cssxref("display") }} равно: <code>block</code>, <code>list-item</code>, или <code>table</code>. Блочный элемент визуально форматируется как блок (например, параграф), предназначенный для вертикальной компоновки (в столбик).</p> +<p>Говорят, что элемент является блочным, когда вычисленное значение его CSS-свойства {{ cssxref("display") }} равно: <code>block</code>, <code>list-item</code>, или <code>table</code>. Блочный элемент визуально форматируется как блок (например, параграф), предназначенный для вертикальной компоновки (в столбик).</p> <p>Каждый элемент блочного уровня участвует в <a href="/ru/docs/CSS/block_formatting_context" title="block formatting context">контексте блочного форматирования</a>. Каждый элемент блочного уровня генерирует как минимум один блок-бокс, названный <em>главным блок-боксом</em>. Некоторые элементы, например, такие как list-item, создают дополнительные боксы для хранения маркеров и других типографических элементов, содержащихся в list item. Большинство блочных элементов генерирует только один, главный блок-бокс.</p> @@ -42,7 +42,7 @@ original_slug: Web/Guide/CSS/Visual_formatting_model <p>В некоторых случаях алгоритм визуального форматирования вынужден добавлять дополнительные боксы. Так как эти боксы невозможно как-то переименовать и к ним невозможно применить css-селекторы, поэтому эти боксы называют <em>анонимными</em>.</p> -<p>Из-за того, что к анонимным боксам невозможно применить селекторы, их невозможно изменить с помощью таблицы стилей. Это значит, что все наследуемые CSS свойства для них будут иметь значение <code>inherit</code>, а все ненаследуемые свойства будут иметь значение <code>initial</code>.</p> +<p>Из-за того, что к анонимным боксам невозможно применить селекторы, их невозможно изменить с помощью таблицы стилей. Это значит, что все наследуемые CSS-свойства для них будут иметь значение <code>inherit</code>, а все ненаследуемые свойства будут иметь значение <code>initial</code>.</p> <p>Блоки-контейнеры содержат либо только инлайн-боксы, либо только элементы блочного уровня. Но, как правило, документ содержит и те и другие. В этом случае анонимные блок-боксы создаются вокруг примыкающих к ним инлайн-боксов.</p> @@ -86,7 +86,7 @@ followed by more inline text.</code></pre> <h3 id="Элементы_инлайн-уровня_и_инлайн-боксы">Элементы инлайн-уровня и инлайн-боксы</h3> -<p>Элементы, которые называются <em>элементами инлайн-уровня</em> - это элементы, у которых вычисленное значение CSS свойства {{ cssxref("display") }} установлено в : <code>inline</code>, <code>inline-block</code> или <code>inline-table</code>. Визуально они не представляют собой какие-то отдельные блоки, но они они располагаются в одну линию с другим контентом инлайн-уровня. Например, содержание параграфа, с различным форматированием, таким как подчёркивание или картинка, состоит из элементов инлайн-уровня.</p> +<p>Элементы, которые называются <em>элементами инлайн-уровня</em> - это элементы, у которых вычисленное значение CSS-свойства {{ cssxref("display") }} установлено в : <code>inline</code>, <code>inline-block</code> или <code>inline-table</code>. Визуально они не представляют собой какие-то отдельные блоки, но они они располагаются в одну линию с другим контентом инлайн-уровня. Например, содержание параграфа, с различным форматированием, таким как подчёркивание или картинка, состоит из элементов инлайн-уровня.</p> <p><img alt="venn_inlines.png" class="internal lwrap" src="https://developer.mozilla.org/@api/deki/files/6008/=venn_inlines.png" style="float: left;"></p> diff --git a/files/ru/web/css/widows/index.html b/files/ru/web/css/widows/index.html index 46606134b4..e1a3aafde1 100644 --- a/files/ru/web/css/widows/index.html +++ b/files/ru/web/css/widows/index.html @@ -7,7 +7,7 @@ translation_of: Web/CSS/widows <p>Свойство <code>widows</code> <a href="/en-US/docs/CSS" title="CSS">CSS</a> определяет какое минимальное количество линий должно быть оставлено в начале новой страницы на <code>paged</code> носителе. В типографике, «висячая» строка<strong> (</strong><em>widow)</em> это последняя строка параграфа, оказавшаяся в начале следующей страницы. Установка свойства <code>widows</code> позволяет предотвратить висячие строки.</p> -<p>На нестраничных носителях, таких как <code>screen</code>, CSS свойство <code>widows</code> не имеет эффекта.</p> +<p>На нестраничных носителях, таких как <code>screen</code>, CSS-свойство <code>widows</code> не имеет эффекта.</p> <p>{{cssinfo}}</p> |