From 9d5c8918c5a1034cd0060f8dc02cfc184f76f420 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Tue, 16 Mar 2021 02:52:56 +0300 Subject: Fix mistranslation and spelling issues --- files/ru/web/css/@document/index.html | 2 +- files/ru/web/css/@namespace/index.html | 9 ++++----- files/ru/web/css/_colon_default/index.html | 2 +- files/ru/web/css/_colon_defined/index.html | 2 +- files/ru/web/css/_colon_dir/index.html | 2 +- files/ru/web/css/_colon_disabled/index.html | 4 ++-- files/ru/web/css/_colon_enabled/index.html | 4 ++-- files/ru/web/css/_colon_first-child/index.html | 2 +- files/ru/web/css/_colon_first/index.html | 4 ++-- files/ru/web/css/_colon_focus-within/index.html | 2 +- files/ru/web/css/_colon_focus/index.html | 4 ++-- files/ru/web/css/_colon_in-range/index.html | 2 +- files/ru/web/css/_colon_indeterminate/index.html | 4 ++-- files/ru/web/css/_colon_invalid/index.html | 8 ++++---- files/ru/web/css/_colon_is/index.html | 6 +++--- files/ru/web/css/_colon_last-child/index.html | 2 +- files/ru/web/css/_colon_link/index.html | 2 +- files/ru/web/css/_colon_not/index.html | 2 +- files/ru/web/css/_colon_optional/index.html | 6 +++--- files/ru/web/css/_colon_placeholder-shown/index.html | 2 +- files/ru/web/css/_colon_read-only/index.html | 4 ++-- files/ru/web/css/_colon_read-write/index.html | 4 ++-- files/ru/web/css/_colon_required/index.html | 4 ++-- files/ru/web/css/_colon_target/index.html | 2 +- files/ru/web/css/_colon_valid/index.html | 4 ++-- files/ru/web/css/_colon_visited/index.html | 6 +++--- files/ru/web/css/_colon_where/index.html | 2 +- files/ru/web/css/_doublecolon_backdrop/index.html | 2 +- files/ru/web/css/animation-timing-function/index.html | 2 +- .../using_url_values_for_the_cursor_property/index.html | 2 +- .../aligning_items_in_a_flex_container/index.html | 2 +- .../index.html | 2 +- files/ru/web/css/custom-ident/index.html | 4 ++-- files/ru/web/css/height/index.html | 4 ++-- files/ru/web/css/margin-bottom/index.html | 2 +- files/ru/web/css/margin-left/index.html | 4 ++-- files/ru/web/css/margin-right/index.html | 4 ++-- files/ru/web/css/max-height/index.html | 4 ++-- files/ru/web/css/max-width/index.html | 4 ++-- files/ru/web/css/min-height/index.html | 4 ++-- files/ru/web/css/min-width/index.html | 4 ++-- files/ru/web/css/radial-gradient()/index.html | 14 +++++++------- files/ru/web/css/ratio/index.html | 2 +- files/ru/web/css/using_css_custom_properties/index.html | 2 +- files/ru/web/css/width/index.html | 4 ++-- 45 files changed, 81 insertions(+), 82 deletions(-) (limited to 'files/ru/web/css') diff --git a/files/ru/web/css/@document/index.html b/files/ru/web/css/@document/index.html index 6db62af6a6..940d94c4c6 100644 --- a/files/ru/web/css/@document/index.html +++ b/files/ru/web/css/@document/index.html @@ -5,7 +5,7 @@ translation_of: Web/CSS/@document ---
{{SeeCompatTable}}
-

@document CSS at-rule ограничивает правила стиля, содержащиеся в нем, на основе URL-адреса документа. Он разработан в основном для пользовательских таблиц стилей, хотя он ттакже может использоваться в авторских таблицах стилей.

+

@document CSS at-rule ограничивает правила стиля, содержащиеся в нем, на основе URL-адреса документа. Он разработан в основном для пользовательских таблиц стилей, хотя он также может использоваться в авторских таблицах стилей.

@document url("https://www.example.com/") {
   h1 {
diff --git a/files/ru/web/css/@namespace/index.html b/files/ru/web/css/@namespace/index.html
index c654ee3abf..37e8480c3a 100644
--- a/files/ru/web/css/@namespace/index.html
+++ b/files/ru/web/css/@namespace/index.html
@@ -2,7 +2,6 @@
 title: '@namespace'
 slug: Web/CSS/@namespace
 tags:
-  - Неймспейсы
   - Пространства имён
 translation_of: Web/CSS/@namespace
 ---
@@ -10,7 +9,7 @@ translation_of: Web/CSS/@namespace
 
 

Описание

-

@namespace - это правила (at-rule) определяющие пространства имён XML, которые будут использованы в таблице стилей. Они применяются чтобы ограничить CSS селекторы только элементами принадлежащими конкретному пространству имён. Namespace'ы полезны, в основном, когда идёт взаимодействие с документами содержащими множество неймспейсов, такими как HTML5 со встроенным SVG, MathML или XML.

+

@namespace - это правила (at-rule) определяющие пространства имён XML, которые будут использованы в таблице стилей. Они применяются чтобы ограничить CSS селекторы только элементами принадлежащими конкретному пространству имён. Пространства имён полезны, в основном, когда идёт взаимодействие с документами содержащими множество пространств имён, такими как HTML5 со встроенным SVG, MathML или XML.

@namespace url(http://www.w3.org/1999/xhtml);
 @namespace svg url(http://www.w3.org/2000/svg);
@@ -26,14 +25,14 @@ svg|a {}
 
 

Любое @namespace правило обязано следовать всем @charset и @import правилам, а так же всем описаниям стилей в таблице стилей.

-

@namespace может быть использован для определения стандартного пространства имён для конкретной таблице стилей. Когда стандартное пространство имён определено, все селекторы (но не атрибуты селекторов, смотрите заметку ниже) применяются только к элементам в этом неймспейсе.

+

@namespace может быть использован для определения стандартного пространства имён для конкретной таблице стилей. Когда стандартное пространство имён определено, все селекторы (но не атрибуты селекторов, смотрите заметку ниже) применяются только к элементам в этом пространстве имён.

-

@namespace правила можно использовать для определения префиксов имён. Когда селектор имеет префикс, он будет выбирать элементы совпадающие по неймспейсу и именам или атрибутам.

+

@namespace правила можно использовать для определения префиксов имён. Когда селектор имеет префикс, он будет выбирать элементы совпадающие по пространству имён и именам или атрибутам.

В HTML5 существуют сторонние элементы которые автоматически ассоциируются с соответствующими пространствами имён. Это значит, что HTML элементы будут действовать так, как если бы они находились в пространстве имён (http://www.w3.org/1999/xhtml), также если они не имеют xmlns атрибута где-либо в документе, то такие элементы как <svg> и <math> будут ассоциироваться с их стандартными пространствами имён (http://www.w3.org/2000/svg and http://www.w3.org/1998/Math/MathML).

-

Заметка: В XML, если префикс отличается от атрибута (Например, xlink:href), то атрибут не будет иметь неймспейса. Другими словами, атрибуты не могут наследовать пространство имён элемента в котором они находятся.

+

Заметка: В XML, если префикс отличается от атрибута (Например, xlink:href), то атрибут не будет иметь пространства имён. Другими словами, атрибуты не могут наследовать пространство имён элемента в котором они находятся.

Синтаксис

diff --git a/files/ru/web/css/_colon_default/index.html b/files/ru/web/css/_colon_default/index.html index 728ef70ae8..45ac8c1819 100644 --- a/files/ru/web/css/_colon_default/index.html +++ b/files/ru/web/css/_colon_default/index.html @@ -5,7 +5,7 @@ translation_of: 'Web/CSS/:default' ---
{{CSSRef}}
-

 CSS псевдо-класс :default находит элемент формы, установленный по умолчанию для группы связанных элементов.

+

 CSS псевдокласс :default находит элемент формы, установленный по умолчанию для группы связанных элементов.

Этот селектор используется для  элементов: {{htmlelement("button")}}, <input type="checkbox">, <input type="radio">, и {{htmlelement("option")}} .

diff --git a/files/ru/web/css/_colon_defined/index.html b/files/ru/web/css/_colon_defined/index.html index 7ba37de530..d9931d68c5 100644 --- a/files/ru/web/css/_colon_defined/index.html +++ b/files/ru/web/css/_colon_defined/index.html @@ -5,7 +5,7 @@ translation_of: 'Web/CSS/:defined' ---
{{ CSSRef }}
-

CSS псевдо-класс :defined находит любой элемент, который был определён, включая любой стандартный встроенные в браузер элемент и пользовательские элементы (то есть определённые с помощью метода {{domxref("CustomElementRegistry.define()")}}).

+

CSS псевдокласс :defined находит любой элемент, который был определён, включая любой стандартный встроенные в браузер элемент и пользовательские элементы (то есть определённые с помощью метода {{domxref("CustomElementRegistry.define()")}}).

/* Находит любой элемент, который был определён */
 :defined {
diff --git a/files/ru/web/css/_colon_dir/index.html b/files/ru/web/css/_colon_dir/index.html
index 4e4562634e..09422f6f13 100644
--- a/files/ru/web/css/_colon_dir/index.html
+++ b/files/ru/web/css/_colon_dir/index.html
@@ -5,7 +5,7 @@ translation_of: 'Web/CSS/:dir'
 ---
 
{{CSSRef}}{{SeeCompatTable}}
-

:dir() — это псевдо-класс CSS, который выбирает элементы на основе направления текста в них.

+

:dir() — это псевдокласс CSS, который выбирает элементы на основе направления текста в них.

/* Выбирает все элементы с текстом справа-налево */
 :dir(rtl) {
diff --git a/files/ru/web/css/_colon_disabled/index.html b/files/ru/web/css/_colon_disabled/index.html
index 0335cad5fe..86a34bd10a 100644
--- a/files/ru/web/css/_colon_disabled/index.html
+++ b/files/ru/web/css/_colon_disabled/index.html
@@ -9,7 +9,7 @@ translation_of: 'Web/CSS/:disabled'
 
 

Описание

-

CSS псевдо-класс :disabled находит любой отключенный элемент. Элемент отключен, если не может быть активирован (например, его нельзя выбрать, нажать на него или ввести текст) или получить фокус. У элемента также есть включенное состояние, когда его можно активировать или сфокусировать.

+

CSS псевдокласс :disabled находит любой отключенный элемент. Элемент отключен, если не может быть активирован (например, его нельзя выбрать, нажать на него или ввести текст) или получить фокус. У элемента также есть включенное состояние, когда его можно активировать или сфокусировать.

Примеры

@@ -98,7 +98,7 @@ translation_of: 'Web/CSS/:disabled' {{SpecName('CSS3 Selectors', '#enableddisabled', ':disabled')}} {{Spec2('CSS3 Selectors')}} - Определяет псевдо-класс, но не семантику. + Определяет псевдокласс, но не семантику. diff --git a/files/ru/web/css/_colon_enabled/index.html b/files/ru/web/css/_colon_enabled/index.html index 0425ffaeda..7e83a52a5d 100644 --- a/files/ru/web/css/_colon_enabled/index.html +++ b/files/ru/web/css/_colon_enabled/index.html @@ -7,7 +7,7 @@ translation_of: 'Web/CSS/:enabled'

Описание

-

CSS псевдо-класс :enabled находит любой включенный элемент. Элемент включен, если его можно активировать (например, выбрать, нажать на него или ввести текст) или поставить фокус. У элемента также есть отключенное состояние, когда его нельзя активировать или сфокусировать.

+

CSS псевдокласс :enabled находит любой включенный элемент. Элемент включен, если его можно активировать (например, выбрать, нажать на него или ввести текст) или поставить фокус. У элемента также есть отключенное состояние, когда его нельзя активировать или сфокусировать.

Пример

@@ -74,7 +74,7 @@ input:disabled { {{SpecName('CSS3 Selectors', '#enableddisabled', ':enabled')}} {{Spec2('CSS3 Selectors')}} - Определён псевдо-класс, без семантики. + Определён псевдокласс, без семантики. diff --git a/files/ru/web/css/_colon_first-child/index.html b/files/ru/web/css/_colon_first-child/index.html index afb5c7b759..d31fc8acd2 100644 --- a/files/ru/web/css/_colon_first-child/index.html +++ b/files/ru/web/css/_colon_first-child/index.html @@ -7,7 +7,7 @@ translation_of: 'Web/CSS/:first-child' ---
{{CSSRef}}
-

{{cssxRef('', 'CSS')}} {{cssxRef('Pseudo-classes', 'псевдо-класс')}} :first-child находит любой элемент, являющийся первым в своём родителе.

+

{{cssxRef('', 'CSS')}} {{cssxRef('Pseudo-classes', 'псевдокласс')}} :first-child находит любой элемент, являющийся первым в своём родителе.

>
 /* Выбирает любой <p>, который является первым элементом
diff --git a/files/ru/web/css/_colon_first/index.html b/files/ru/web/css/_colon_first/index.html
index 7fea9f419e..a6dde450c1 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'
 }
-

Обратите внимание: Вы можете изменять не все CSS свойства в этом псевдо-классе. Вы можете изменять только внешние отступы, {{cssxref("orphans")}}, {{cssxref("widows")}}, и разбитие документа на страницы. Более того, вы можете использовать только абсолютные единицы измерения, определяя внешние отступы. Все остальные правила будут проигнорированы.

+

Обратите внимание: Вы можете изменять не все CSS свойства в этом псевдоклассе. Вы можете изменять только внешние отступы, {{cssxref("orphans")}}, {{cssxref("widows")}}, и разбитие документа на страницы. Более того, вы можете использовать только абсолютные единицы измерения, определяя внешние отступы. Все остальные правила будут проигнорированы.

Синтаксис

@@ -98,5 +98,5 @@ p {
  • {{Cssxref("@page")}}
  • -
  • Другие связанные псевдо-классы: {{Cssxref(":left")}}, {{Cssxref(":right")}}
  • +
  • Другие связанные псевдоклассы: {{Cssxref(":left")}}, {{Cssxref(":right")}}
diff --git a/files/ru/web/css/_colon_focus-within/index.html b/files/ru/web/css/_colon_focus-within/index.html index d5a4dcd776..6fa9c377c4 100644 --- a/files/ru/web/css/_colon_focus-within/index.html +++ b/files/ru/web/css/_colon_focus-within/index.html @@ -77,7 +77,7 @@ input {

Совместимость с браузерами

- +

{{Compat("css.selectors.focus-within")}}

diff --git a/files/ru/web/css/_colon_focus/index.html b/files/ru/web/css/_colon_focus/index.html index 6bcab5d696..206b74a0e9 100644 --- a/files/ru/web/css/_colon_focus/index.html +++ b/files/ru/web/css/_colon_focus/index.html @@ -13,7 +13,7 @@ translation_of: 'Web/CSS/:focus' ---
{{CSSRef}}
-

CSS псевдо-класс :focus применяется, когда элемент (такой как input формы) получает фокус. Обычно он активируется при клике мышью пользователем или при выборе элемента с использованием клавиши "tab" на клавиатуре.

+

CSS псевдокласс :focus применяется, когда элемент (такой как input формы) получает фокус. Обычно он активируется при клике мышью пользователем или при выборе элемента с использованием клавиши "tab" на клавиатуре.

/* Selects any <input> when focused */
 input:focus {
@@ -21,7 +21,7 @@ input:focus {
 }
-

Примечание: Этот псевдо-класс применяется только тогда, когда в фокусе находится сам элемент. Используйте {{CSSxRef(":focus-within")}}, если вы хотите выбрать элемент, в котором находится сфокусированный элемент.

+

Примечание: Этот псевдокласс применяется только тогда, когда в фокусе находится сам элемент. Используйте {{CSSxRef(":focus-within")}}, если вы хотите выбрать элемент, в котором находится сфокусированный элемент.

Синтаксис

diff --git a/files/ru/web/css/_colon_in-range/index.html b/files/ru/web/css/_colon_in-range/index.html index ed0fc29cf4..ec36c72162 100644 --- a/files/ru/web/css/_colon_in-range/index.html +++ b/files/ru/web/css/_colon_in-range/index.html @@ -70,7 +70,7 @@ input:out-of-range + label::after { {{SpecName('HTML WHATWG', 'scripting.html#selector-in-range', ':in-range')}} {{Spec2('HTML WHATWG')}} - Определяет, когда :in-range находит элементы вHTML. + Определяет, когда :in-range находит элементы в HTML. {{SpecName('CSS4 Selectors', '#in-range-pseudo', ':in-range')}} diff --git a/files/ru/web/css/_colon_indeterminate/index.html b/files/ru/web/css/_colon_indeterminate/index.html index 6975e1d6ee..d4cf598129 100644 --- a/files/ru/web/css/_colon_indeterminate/index.html +++ b/files/ru/web/css/_colon_indeterminate/index.html @@ -9,7 +9,7 @@ translation_of: 'Web/CSS/:indeterminate' ---

{{CSSRef}}

-

CSS псевдо-класс :indeterminate находит элементы в неопределённом состоянии.

+

CSS псевдокласс :indeterminate находит элементы в неопределённом состоянии.

/* Выбирает все элементы <input>, которые находятся в неопределенном состоянии */
 input:indeterminate {
@@ -116,7 +116,7 @@ progress:indeterminate {
   
    {{SpecName('CSS3 Basic UI', '#indeterminate', ':indeterminate')}}
    {{Spec2('CSS3 Basic UI')}}
-   Определён псевдо-класс, но не семантика.
+   Определён псевдокласс, но не семантика.
   
  
 
diff --git a/files/ru/web/css/_colon_invalid/index.html b/files/ru/web/css/_colon_invalid/index.html
index 3c8c6c3051..9bbc21d9a7 100644
--- a/files/ru/web/css/_colon_invalid/index.html
+++ b/files/ru/web/css/_colon_invalid/index.html
@@ -9,9 +9,9 @@ translation_of: 'Web/CSS/:invalid'
 
 

Описание

-

CSS псевдо-класс :invalid находит любые {{ HTMLElement("input") }} или {{ HTMLElement("form") }} элементы, контент которых не проходит валидацию, в соответствии с типом поля. Он позволяет вам легко менять внешний вид полей, что позволяет пользователю видеть и исправлять ошибки.

+

CSS псевдокласс :invalid находит любые {{ HTMLElement("input") }} или {{ HTMLElement("form") }} элементы, контент которых не проходит валидацию, в соответствии с типом поля. Он позволяет вам легко менять внешний вид полей, что позволяет пользователю видеть и исправлять ошибки.

-

По умолчанию, Gecko не применяет стили к псевдо-классу :invalid. Однако, применяет стили (красное "свечение", используя свойство {{ Cssxref("box-shadow") }}) к псевдо-классу {{ Cssxref(":-moz-ui-invalid") }}, который применяется в подгруппе случаев для :invalid.

+

По умолчанию, Gecko не применяет стили к псевдоклассу :invalid. Однако, применяет стили (красное "свечение", используя свойство {{ Cssxref("box-shadow") }}) к псевдоклассу {{ Cssxref(":-moz-ui-invalid") }}, который применяется в подгруппе случаев для :invalid.

Вы можете отключить свечение, используя следующий CSS или полностью изменить внешний вид некорректных полей.

@@ -32,7 +32,7 @@ translation_of: 'Web/CSS/:invalid'

Радиокнопки

-

Если любая из радиокнопок в группе (т.е., с одинаковым атрибутом name) имеет атрибут required, псевдо-класс :invalid применяется ко всем из них, если ни одна из кнопок группы не выбрана.

+

Если любая из радиокнопок в группе (т.е., с одинаковым атрибутом name) имеет атрибут required, псевдокласс :invalid применяется ко всем из них, если ни одна из кнопок группы не выбрана.

Пример

@@ -103,7 +103,7 @@ input:required { {{ SpecName('CSS3 Basic UI', '#pseudo-validity', ':invalid') }} {{ Spec2('CSS3 Basic UI') }} - Определяет псевдо-класс, но не семантику. + Определяет псевдокласс, но не семантику. diff --git a/files/ru/web/css/_colon_is/index.html b/files/ru/web/css/_colon_is/index.html index 084876125f..cd8f1848d1 100644 --- a/files/ru/web/css/_colon_is/index.html +++ b/files/ru/web/css/_colon_is/index.html @@ -9,9 +9,9 @@ translation_of: 'Web/CSS/:is'

Примечание: :matches() был переименован в :is() в CSSWG issue #3258.

-

:is() это функция псевдо-класс CSS принимающая список селекторов как аргумент, и выбирает любой элемент, который может быть выбран одним из селекторов в этом списке. Это полезно при переписи огромных селекторов в более компактную форму.

+

:is() это функция псевдокласс CSS принимающая список селекторов как аргумент, и выбирает любой элемент, который может быть выбран одним из селекторов в этом списке. Это полезно при переписи огромных селекторов в более компактную форму.

-

Заметьте, что в данный момент браузеры поддерживают ее функционал как :matches(), или даже как более старый, префиксный псевдо-класс — :any(), включая старые версии Chrome, Firefox, и Safari. :any() работает точно таким же образом как и :matches()/:is(), за исключением того, что  :any() требует постановку префиксов и не поддерживает комплексные селекторы.

+

Заметьте, что в данный момент браузеры поддерживают ее функционал как :matches(), или даже как более старый, префиксный псевдокласс — :any(), включая старые версии Chrome, Firefox, и Safari. :any() работает точно таким же образом как и :matches()/:is(), за исключением того, что  :any() требует постановку префиксов и не поддерживает комплексные селекторы.

/* Выбирает какой-либо абзац в шапке, основной части или подвале, который зависал */
 :is(header, main, footer) p:hover {
@@ -197,7 +197,7 @@ h1 {
 
 

Как избежать аннулирования списка селекторов

-

В отличие от списка селекторов, псевдо-класс :is() не аннулируется, когда из селекторов, попавший туда не поддерживается браузером.

+

В отличие от списка селекторов, псевдокласс :is() не аннулируется, когда из селекторов, попавший туда не поддерживается браузером.

:is(:valid, :unsupported) {
   ...
diff --git a/files/ru/web/css/_colon_last-child/index.html b/files/ru/web/css/_colon_last-child/index.html
index cc691def67..5e7c8199e4 100644
--- a/files/ru/web/css/_colon_last-child/index.html
+++ b/files/ru/web/css/_colon_last-child/index.html
@@ -7,7 +7,7 @@ translation_of: 'Web/CSS/:last-child'
 
 

Описание

-

CSS псевдо-класс :last-child находит любой элемент, являющийся последним в его родителе.

+

CSS псевдокласс :last-child находит любой элемент, являющийся последним в его родителе.

Синтаксис

diff --git a/files/ru/web/css/_colon_link/index.html b/files/ru/web/css/_colon_link/index.html index 76b0a4d894..a6bb940f9d 100644 --- a/files/ru/web/css/_colon_link/index.html +++ b/files/ru/web/css/_colon_link/index.html @@ -9,7 +9,7 @@ translation_of: 'Web/CSS/:link'

Описание

-

CSS псевдо-класс :link позволяет вам выбирать ссылки внутри элементов. Он выберет любую ссылку, которая ещё не была посещена, даже те, которые уже стилизованы, используя селекторы с другими, относящимися к ссылкам, псевдо-классам типа {{ cssxref(":hover") }}, {{ cssxref(":active") }} или {{ cssxref(":visited") }}. Чтобы стилизовать ссылки должным образом, вам нужно вставлять правила :link до других, как определено LVHA-порядком: :link:visited:hover:active. Псевдо-класс {{ cssxref(":focus") }} обычно размещается прямо перед или сразу после :hover, в зависимости от ожидаемого эффекта.

+

CSS псевдокласс :link позволяет вам выбирать ссылки внутри элементов. Он выберет любую ссылку, которая ещё не была посещена, даже те, которые уже стилизованы, используя селекторы с другими, относящимися к ссылкам, псевдоклассам типа {{ cssxref(":hover") }}, {{ cssxref(":active") }} или {{ cssxref(":visited") }}. Чтобы стилизовать ссылки должным образом, вам нужно вставлять правила :link до других, как определено LVHA-порядком: :link:visited:hover:active. Псевдо-класс {{ cssxref(":focus") }} обычно размещается прямо перед или сразу после :hover, в зависимости от ожидаемого эффекта.

Замечание: Используйте {{cssxref(":any-link")}} чтобы выбрать ссылку, независимо от того, была она посещена или нет.

diff --git a/files/ru/web/css/_colon_not/index.html b/files/ru/web/css/_colon_not/index.html index 26721ae7b7..e8d0300104 100644 --- a/files/ru/web/css/_colon_not/index.html +++ b/files/ru/web/css/_colon_not/index.html @@ -7,7 +7,7 @@ translation_of: 'Web/CSS/:not'

Описание

-

Отрицательный CSS псевдо-класс, :not(X) - функция, принимающая простой селектор X в качестве аргумента. Он находит элементы, не соответствующие селектору. X не должен содержать других отрицательных селекторов.

+

Отрицательный CSS псевдокласс, :not(X) - функция, принимающая простой селектор X в качестве аргумента. Он находит элементы, не соответствующие селектору. X не должен содержать других отрицательных селекторов.

Замечания: diff --git a/files/ru/web/css/_colon_optional/index.html b/files/ru/web/css/_colon_optional/index.html index 2b7b8f9c9d..6ffa7b9649 100644 --- a/files/ru/web/css/_colon_optional/index.html +++ b/files/ru/web/css/_colon_optional/index.html @@ -9,9 +9,9 @@ translation_of: 'Web/CSS/:optional'

Описание

-

CSS псевдо-класс :optional находит любые {{ HTMLElement("input") }} элементы, у которых не установлен атрибут {{ htmlattrxref("required","input") }}. Он позволяет формам легко отмечать необязательные поля, и давать им соответствующие стили.

+

CSS псевдокласс :optional находит любые {{ HTMLElement("input") }} элементы, у которых не установлен атрибут {{ htmlattrxref("required","input") }}. Он позволяет формам легко отмечать необязательные поля, и давать им соответствующие стили.

-

Чтобы задать особый внешний вид обязательным полям формы можно использовать псевдо-класс {{ cssxref(":required") }}.

+

Чтобы задать особый внешний вид обязательным полям формы можно использовать псевдокласс {{ cssxref(":required") }}.

Примеры

@@ -46,7 +46,7 @@ translation_of: 'Web/CSS/:optional' {{ SpecName('CSS3 Basic UI', '#pseudo-required-value', ':optional') }} {{ Spec2('CSS3 Basic UI') }} - Определяет псевдо-класс, но не семантику. + Определяет псевдокласс, но не семантику. diff --git a/files/ru/web/css/_colon_placeholder-shown/index.html b/files/ru/web/css/_colon_placeholder-shown/index.html index 014fc3a363..2c28dc2bb2 100644 --- a/files/ru/web/css/_colon_placeholder-shown/index.html +++ b/files/ru/web/css/_colon_placeholder-shown/index.html @@ -5,7 +5,7 @@ translation_of: 'Web/CSS/:placeholder-shown' ---
{{CSSRef}}{{SeeCompatTable}}
-
CSS псевдо-класс :placeholder-shown представляет любой {{htmlElement("input")}} или {{htmlElement("textarea")}} элемент, который отображает в данный момент текст заполнитель (плейсхолдер).
+
CSS псевдокласс :placeholder-shown представляет любой {{htmlElement("input")}} или {{htmlElement("textarea")}} элемент, который отображает в данный момент текст заполнитель (плейсхолдер).
/* Выбирает любой элемент с активным плейсхолдером */
 :placeholder-shown {
diff --git a/files/ru/web/css/_colon_read-only/index.html b/files/ru/web/css/_colon_read-only/index.html
index 30fa0382ad..88b1bbf669 100644
--- a/files/ru/web/css/_colon_read-only/index.html
+++ b/files/ru/web/css/_colon_read-only/index.html
@@ -9,7 +9,7 @@ translation_of: 'Web/CSS/:read-only'
 
 

Описание

-

CSS псевдо-класс :read-only находит элементы, недоступные для редактирования пользователем.

+

CSS псевдокласс :read-only находит элементы, недоступные для редактирования пользователем.

Пример

@@ -48,7 +48,7 @@ input:read-only { background: #eee; } {{ SpecName('CSS3 Basic UI', '#pseudo-ro-rw', ':read-only') }} {{ Spec2('CSS3 Basic UI') }} - Определяет псевдо-класс, но не семантику. + Определяет псевдокласс, но не семантику. diff --git a/files/ru/web/css/_colon_read-write/index.html b/files/ru/web/css/_colon_read-write/index.html index 1f92defec7..6c32692d32 100644 --- a/files/ru/web/css/_colon_read-write/index.html +++ b/files/ru/web/css/_colon_read-write/index.html @@ -9,7 +9,7 @@ translation_of: 'Web/CSS/:read-write'

Описание

-

CSS псевдо-класс :read-write находит элементы, доступные для редактирования пользователем, такие как текстовые поля.

+

CSS псевдокласс :read-write находит элементы, доступные для редактирования пользователем, такие как текстовые поля.

Пример

@@ -48,7 +48,7 @@ input:read-write { background: #eee; } {{ SpecName('CSS3 Basic UI', '#pseudo-ro-rw', ':read-write') }} {{ Spec2('CSS3 Basic UI') }} - Определяет псевдо-класс, но не семантику. + Определяет псевдокласс, но не семантику. diff --git a/files/ru/web/css/_colon_required/index.html b/files/ru/web/css/_colon_required/index.html index c7d7026124..de9a66783b 100644 --- a/files/ru/web/css/_colon_required/index.html +++ b/files/ru/web/css/_colon_required/index.html @@ -9,7 +9,7 @@ translation_of: 'Web/CSS/:required'

Описание

-

CSS псевдо-класс :required находит любые {{ HTMLElement("input") }} элементы, имеющие атрибут {{ htmlattrxref("required", "input") }}. Он позволяет формам легко сообщать, что поля должны быть корректно заполнены перед отправкой формы.

+

CSS псевдокласс :required находит любые {{ HTMLElement("input") }} элементы, имеющие атрибут {{ htmlattrxref("required", "input") }}. Он позволяет формам легко сообщать, что поля должны быть корректно заполнены перед отправкой формы.

Псевдо-класс {{ cssxref(":optional") }} может использоваться, чтобы дать особый внешний вид полям, не обязательным для заполнения.

@@ -46,7 +46,7 @@ translation_of: 'Web/CSS/:required' {{ SpecName('CSS3 Basic UI', '#pseudo-required-value', ':required') }} {{ Spec2('CSS3 Basic UI') }} - Определяет псевдо-класс, но не семантику. + Определяет псевдокласс, но не семантику. diff --git a/files/ru/web/css/_colon_target/index.html b/files/ru/web/css/_colon_target/index.html index 8f072788b3..46d0f88746 100644 --- a/files/ru/web/css/_colon_target/index.html +++ b/files/ru/web/css/_colon_target/index.html @@ -75,7 +75,7 @@ p:target i {

Pure-CSS lightbox

-

Вы можете использовать псевдо-класс :target для создания lightbox без использования JavaScript. Этот метод основан на способности якорных ссылок указывать на элементы, которые изначально скрыты на странице. После этого, CSS изменяет их  display на видимый.

+

Вы можете использовать псевдокласс :target для создания lightbox без использования JavaScript. Этот метод основан на способности якорных ссылок указывать на элементы, которые изначально скрыты на странице. После этого, CSS изменяет их  display на видимый.

Примечание: Более полный pure-CSS lightbox , основанный на псевдоклассе:targetavailable on GitHub (demo).
diff --git a/files/ru/web/css/_colon_valid/index.html b/files/ru/web/css/_colon_valid/index.html index 3ea99d76e1..caae89fdb0 100644 --- a/files/ru/web/css/_colon_valid/index.html +++ b/files/ru/web/css/_colon_valid/index.html @@ -9,7 +9,7 @@ translation_of: 'Web/CSS/:valid'

Описание

-

CSS псевдо-класс :valid находит любые {{ HTMLElement("input") }} или {{ HTMLElement("form") }} элементы, контент которых валиден, в соответствии с типом поля. Он позволяет вам легко менять внешний вид полей, что помогает понять пользователю, что он ввёл данные правильно.

+

CSS псевдокласс :valid находит любые {{ HTMLElement("input") }} или {{ HTMLElement("form") }} элементы, контент которых валиден, в соответствии с типом поля. Он позволяет вам легко менять внешний вид полей, что помогает понять пользователю, что он ввёл данные правильно.

Пример

@@ -80,7 +80,7 @@ input:required { {{ SpecName('CSS3 Basic UI', '#pseudo-validity', ':valid') }} {{ Spec2('CSS3 Basic UI') }} - Определяет псевдо-класс, но не семантику. + Определяет псевдокласс, но не семантику. diff --git a/files/ru/web/css/_colon_visited/index.html b/files/ru/web/css/_colon_visited/index.html index eeee1f3600..f4288a183b 100644 --- a/files/ru/web/css/_colon_visited/index.html +++ b/files/ru/web/css/_colon_visited/index.html @@ -9,10 +9,10 @@ translation_of: 'Web/CSS/:visited'

Описание

-

CSS псевдо-класс :visited позволяет вам выбирать ссылки, которые были посещены. Этот стиль может переопределяться другими относящимися к ссылкам псевдо-классами, такими как {{ cssxref(":link") }}, {{ cssxref(":hover") }} и {{ cssxref(":active") }}, появляющимися в соответствующем порядке. Чтобы стилизировать ссылки должным образом, вам нужно вставлять правило :visited до правила :link, но после других, определённых LVHA-порядком: :link:visited:hover:active.

+

CSS псевдокласс :visited позволяет вам выбирать ссылки, которые были посещены. Этот стиль может переопределяться другими относящимися к ссылкам псевдоклассами, такими как {{ cssxref(":link") }}, {{ cssxref(":hover") }} и {{ cssxref(":active") }}, появляющимися в соответствующем порядке. Чтобы стилизировать ссылки должным образом, вам нужно вставлять правило :visited до правила :link, но после других, определённых LVHA-порядком: :link:visited:hover:active.

-

Замечание: Из-за причин приватности, браузеры строго ограничивают стили, которые вы можете применить к элементу, используя этот псевдо-класс: только {{ cssxref("color") }}, {{ cssxref("background-color") }}, {{ cssxref("border-color") }}, {{ cssxref("border-bottom-color") }}, {{ cssxref("border-left-color") }}, {{ cssxref("border-right-color") }}, {{ cssxref("border-top-color") }}, {{ cssxref("outline-color") }}, {{ cssxref("column-rule-color") }}, fill и stroke. Заметьте также, что альфа-канал будет игнорироваться: будет использоваться альфа-канал, используемый для непосвященных ссылок вместо него (но если прозрачность - 0, то в этот случае игнорируется весь цвет, и один из используемых стилей для непосвященных ссылок).

+

Замечание: Из-за причин приватности, браузеры строго ограничивают стили, которые вы можете применить к элементу, используя этот псевдокласс: только {{ cssxref("color") }}, {{ cssxref("background-color") }}, {{ cssxref("border-color") }}, {{ cssxref("border-bottom-color") }}, {{ cssxref("border-left-color") }}, {{ cssxref("border-right-color") }}, {{ cssxref("border-top-color") }}, {{ cssxref("outline-color") }}, {{ cssxref("column-rule-color") }}, fill и stroke. Заметьте также, что альфа-канал будет игнорироваться: будет использоваться альфа-канал, используемый для непосвященных ссылок вместо него (но если прозрачность - 0, то в этот случае игнорируется весь цвет, и один из используемых стилей для непосвященных ссылок).

Несмотря на то, что цвет может меняться, метод getComputedStyle наврёт и всегда будет давать значение цвета непосвященных ссылок.

@@ -125,5 +125,5 @@ a:visited { background-color: white }
  • Приватность и селектор :visited
  • -
  • Относящиеся к ссылкам псевдо-классы: {{cssxref(":link")}}, {{cssxref(":active")}} и {{cssxref(":hover")}}.
  • +
  • Относящиеся к ссылкам псевдоклассы: {{cssxref(":link")}}, {{cssxref(":active")}} и {{cssxref(":hover")}}.
diff --git a/files/ru/web/css/_colon_where/index.html b/files/ru/web/css/_colon_where/index.html index b432a06efd..3eb34a7c0e 100644 --- a/files/ru/web/css/_colon_where/index.html +++ b/files/ru/web/css/_colon_where/index.html @@ -143,7 +143,7 @@ footer p:hover {

Совместимость с браузерами

- +

{{Compat("css.selectors.where")}}

diff --git a/files/ru/web/css/_doublecolon_backdrop/index.html b/files/ru/web/css/_doublecolon_backdrop/index.html index 62837decd3..0d79fce37b 100644 --- a/files/ru/web/css/_doublecolon_backdrop/index.html +++ b/files/ru/web/css/_doublecolon_backdrop/index.html @@ -76,7 +76,7 @@ dialog::backdrop {

Смотрите также

    -
  • {{cssxref(":fullscreen")}} псевдо-класс
  • +
  • {{cssxref(":fullscreen")}} псевдокласс
  • {{HTMLElement("dialog")}} HTML элемент
  • Fullscreen API
diff --git a/files/ru/web/css/animation-timing-function/index.html b/files/ru/web/css/animation-timing-function/index.html index 84c1d33d70..5b4d0660b6 100644 --- a/files/ru/web/css/animation-timing-function/index.html +++ b/files/ru/web/css/animation-timing-function/index.html @@ -44,7 +44,7 @@ translation_of: Web/CSS/animation-timing-function animation-timing-function: initial; animation-timing-function: unset;
-

Временные функции могут быть установлены в пользовательских keyframes'ах в правилах @keyframes. Если в keyframe'е значение animation-timing-function указано, соответствующее значение animation-timing-function от элемента к которому анимация применена используется для этого keyframe'а.

+

Временные функции могут быть установлены в пользовательских ключевых кадрах в правилах @keyframes. Если в ключевом кадре значение animation-timing-function указано, соответствующее значение animation-timing-function от элемента к которому анимация применена используется для этого ключевого кадра.

Значения

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 0e5a5a7568..3cd0e684d6 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 @@ -20,7 +20,7 @@ original_slug: >-
cursor:  [<url>,]* ключевое_слово
-

Это означает, что устанавливать можно любое количество URL'ов (отделенных запятой), которые должны сопровождаться одним из ключевых слов, определенными спецификацией CSS, таких как auto или pointer.

+

Это означает, что устанавливать можно любое количество URL-адресов (отделенных запятой), которые должны сопровождаться одним из ключевых слов, определенными спецификацией CSS, таких как auto или pointer.

Например, такая последовательность значений допустима:

diff --git a/files/ru/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html b/files/ru/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html index 3f405f926f..3340d6cfae 100644 --- a/files/ru/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html +++ b/files/ru/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html @@ -187,7 +187,7 @@ original_slug: Web/CSS/CSS_Flexible_Box_Layout/Выравнивание_элем

Распространённый пример — панель навигации, в которой отдельные важные элементы выровнены по правому краю, а основная группа элементов — по левому.

-

На первый взгляд может показаться, что это юзкейс для свойства justify-self. Однако, рассмотрим следующий ниже пример. Имеется три элемента с одной стороны и два — с другой. Если бы мы могли использовать justify-self на элементе d, это также изменило бы выравнивание следующего элемента — e, что может противоречить первоначальному замыслу.

+

На первый взгляд может показаться, что этот пример использования свойства justify-self. Однако, рассмотрим следующий ниже пример. Имеется три элемента с одной стороны и два — с другой. Если бы мы могли использовать justify-self на элементе d, это также изменило бы выравнивание следующего элемента — e, что может противоречить первоначальному замыслу.

Five items, in two groups. Three on the left and two on the right.

diff --git a/files/ru/web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/index.html b/files/ru/web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/index.html index 7785b66392..818592a218 100644 --- a/files/ru/web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/index.html +++ b/files/ru/web/css/css_grid_layout/realizing_common_layouts_using_css_grid_layout/index.html @@ -407,7 +407,7 @@ translation_of: Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_

Как только я добавляю этот CSS, элементы начинают раскладываться в виде сетки. Если я сделаю окно меньше или шире, количество дорожек столбцов изменится – без необходимости переопределять сетку.

-

Затем я могу привести в порядок внутренние части ячеек, используя flexbox. Я установил для элемента списка display: flex and theи flex-direction для column. Затем я могу использовать margin auto для   .cta чтобы подтолкнуть этот элемент вниз к нижней части ячейки.

+

Затем я могу привести в порядок внутренние части ячеек, используя flexbox. Я установил для элемента списка display: flex and и flex-direction для column. Затем я могу использовать margin auto для   .cta чтобы подтолкнуть этот элемент вниз к нижней части ячейки.

.listing li {
   border: 1px solid #ffe066;
diff --git a/files/ru/web/css/custom-ident/index.html b/files/ru/web/css/custom-ident/index.html
index e71f5f129c..35b666f185 100644
--- a/files/ru/web/css/custom-ident/index.html
+++ b/files/ru/web/css/custom-ident/index.html
@@ -26,8 +26,8 @@ translation_of: Web/CSS/custom-ident
  
  • десятеричные цифры (от 0 до 9),
  • дефис (-),
  • нижнее подчёркивание (_),
  • -
  • экранированный символ (символ с бэкслэшем перед ним, \),
  • -
  • символ Unicode (бэкслэш, \, после которого идут от одной до шести шестнадцатеричных цифр, обозначающих кодовую точку этого символа в Unicode)
  • +
  • экранированный символ (символ с бэкслешем перед ним, \),
  • +
  • символ Unicode (бэкслеш, \, после которого идут от одной до шести шестнадцатеричных цифр, обозначающих кодовую точку этого символа в Unicode)
  • Обратите внимание, что id1, Id1, iD1 и ID1 — это разные идентификаторы, поскольку они чувствительны к регистру. С другой стороны, так как существует несколько способов экранировать символ, toto\? и toto\3F — это один и тот же идентификатор.

    diff --git a/files/ru/web/css/height/index.html b/files/ru/web/css/height/index.html index a1405ed89b..7bacf6e0a2 100644 --- a/files/ru/web/css/height/index.html +++ b/files/ru/web/css/height/index.html @@ -10,7 +10,7 @@ translation_of: Web/CSS/height {{EmbedInteractiveExample("pages/css/height.html")}}


    @@ -161,7 +161,7 @@ height: unset;

    Поддержка браузерами

    {{Compat("css.properties.height")}}

    diff --git a/files/ru/web/css/margin-bottom/index.html b/files/ru/web/css/margin-bottom/index.html index 8d8f296361..db80a1634f 100644 --- a/files/ru/web/css/margin-bottom/index.html +++ b/files/ru/web/css/margin-bottom/index.html @@ -133,6 +133,6 @@ div {

    Поддержка браузерами

    - +

    {{Compat("css.properties.margin-bottom")}}

    diff --git a/files/ru/web/css/margin-left/index.html b/files/ru/web/css/margin-left/index.html index e96efae043..ae301e9b36 100644 --- a/files/ru/web/css/margin-left/index.html +++ b/files/ru/web/css/margin-left/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/margin-left
    {{EmbedInteractiveExample("pages/css/margin-left.html")}}
    - +

    Вертикальные внешние отступы двух соседних блоков могут схлопнуться. Это называется схлопыванием внешних отступов.

    @@ -162,6 +162,6 @@ margin-left: unset;

    Поддержка браузерами

    - +

    {{Compat("css.properties.margin-left")}}

    diff --git a/files/ru/web/css/margin-right/index.html b/files/ru/web/css/margin-right/index.html index c435531bdb..d21ce8cdfd 100644 --- a/files/ru/web/css/margin-right/index.html +++ b/files/ru/web/css/margin-right/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/margin-right
    {{EmbedInteractiveExample("pages/css/margin-right.html")}}
    - +

    Вертикальные внешние отступы двух соседних блоков могут схлопнуться. Это называется схлопыванием внешних отступов.

    @@ -155,6 +155,6 @@ margin-right: unset;

    Поддержка браузерами

    - +

    {{Compat("css.properties.margin-right")}}

    diff --git a/files/ru/web/css/max-height/index.html b/files/ru/web/css/max-height/index.html index 309daf43d1..26fbecf3b2 100644 --- a/files/ru/web/css/max-height/index.html +++ b/files/ru/web/css/max-height/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/max-height
    {{EmbedInteractiveExample("pages/css/max-height.html")}}
    - +

    {{ Cssxref("max-height") }} перекрывает {{cssxref("height")}}, но {{ Cssxref("min-height") }} перекрывает {{ Cssxref("max-height") }}.

    @@ -112,7 +112,7 @@ form { max-height: none; }

    Поддержка браузерами

    - +

    {{Compat("css.properties.max-height")}}

    diff --git a/files/ru/web/css/max-width/index.html b/files/ru/web/css/max-width/index.html index 6f90e1c740..0f442a3a34 100644 --- a/files/ru/web/css/max-width/index.html +++ b/files/ru/web/css/max-width/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/max-width
    {{EmbedInteractiveExample("pages/css/max-width.html")}}
    - +

    {{ Cssxref("max-width") }} перекрывает {{cssxref("width")}}, но {{ Cssxref("min-width") }} перекрывает {{ Cssxref("max-width") }}.

    @@ -157,7 +157,7 @@ max-width: unset;

    Поддержка браузерами

    - +

    {{Compat("css.properties.max-width")}}

    diff --git a/files/ru/web/css/min-height/index.html b/files/ru/web/css/min-height/index.html index cb60e09c46..19ec058b88 100644 --- a/files/ru/web/css/min-height/index.html +++ b/files/ru/web/css/min-height/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/min-height
    {{EmbedInteractiveExample("pages/css/min-height.html")}}
    - +

    Высота элемента принимает значение min-height всякий раз, когда min-height больше чем {{ Cssxref("max-height") }} или {{Cssxref("height")}}.

    @@ -107,7 +107,7 @@ form { min-height: 0; }

    Поддержка браузерами

    - +

    {{Compat("css.properties.min-height")}}

    diff --git a/files/ru/web/css/min-width/index.html b/files/ru/web/css/min-width/index.html index 7995a81f4d..09dde90e37 100644 --- a/files/ru/web/css/min-width/index.html +++ b/files/ru/web/css/min-width/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/min-width
    {{EmbedInteractiveExample("pages/css/min-width.html")}}
    - +

    Ширина элемента принимает значение min-width когда min-width больше чем {{ Cssxref("max-width") }} или {{Cssxref("width")}}.

    @@ -106,7 +106,7 @@ form { min-width: 0; }

    Поддержка браузерами

    - +

    {{Compat("css.properties.min-width")}}

    diff --git a/files/ru/web/css/radial-gradient()/index.html b/files/ru/web/css/radial-gradient()/index.html index 7d7c95d25f..2976378d44 100644 --- a/files/ru/web/css/radial-gradient()/index.html +++ b/files/ru/web/css/radial-gradient()/index.html @@ -128,7 +128,7 @@ radial-gradient(circle at center, red 0, blue, green 100%)

    {{EmbedLiveSample('Градиент_со_смещенным_центром', 240, 120)}}

    -

    Заметка: Дополнительные примеры можно найти в Ииспользование CSS градиентов.

    +

    Заметка: Дополнительные примеры можно найти в Использование CSS градиентов.

    Спецификация

    @@ -166,7 +166,7 @@ radial-gradient(circle at center, red 0, blue, green 100%)
    Safari - Стандартное ииспользование (в {{cssxref("background")}} и {{cssxref("background-image")}}) + Стандартное использование (в {{cssxref("background")}} и {{cssxref("background-image")}}) {{CompatGeckoDesktop("1.9.2")}}{{property_prefix("-moz")}}[1]
    {{CompatGeckoDesktop("16")}} 10.0 (534.16){{property_prefix("-webkit")}}[2] @@ -175,7 +175,7 @@ radial-gradient(circle at center, red 0, blue, green 100%)
    5.1{{property_prefix("-webkit")}}[2] - Ииспользование в {{cssxref("border-image")}} + Использование в {{cssxref("border-image")}} {{CompatGeckoDesktop("29")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} @@ -183,7 +183,7 @@ radial-gradient(circle at center, red 0, blue, green 100%)
    {{CompatVersionUnknown}} - Ииспользование на любых других свойствах работающих с типом {{cssxref("<image>")}} + Использование на любых других свойствах работающих с типом {{cssxref("<image>")}} {{CompatNo}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} @@ -241,7 +241,7 @@ radial-gradient(circle at center, red 0, blue, green 100%)
    {{CompatVersionUnknown}} - Ииспользование в {{cssxref("border-image")}} + Использование в {{cssxref("border-image")}} {{CompatVersionUnknown}} {{CompatGeckoMobile("29")}} {{CompatVersionUnknown}} @@ -249,7 +249,7 @@ radial-gradient(circle at center, red 0, blue, green 100%)
    {{CompatVersionUnknown}} - Ииспользование на любых других свойствах работающих с типом {{cssxref("<image>")}} + Использование на любых других свойствах работающих с типом {{cssxref("<image>")}} {{CompatNo}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} @@ -295,7 +295,7 @@ radial-gradient(circle at center, red 0, blue, green 100%)

    Смотрите так же

    diff --git a/files/ru/web/css/ratio/index.html b/files/ru/web/css/ratio/index.html index 1167ae3f29..e5ca478ac0 100644 --- a/files/ru/web/css/ratio/index.html +++ b/files/ru/web/css/ratio/index.html @@ -13,7 +13,7 @@ translation_of: Web/CSS/ratio

    Синтаксис

    -

    Тип данных <ratio> состоит из строго положительного  {{cssxref("<integer>")}}, за которым следует слэш  ('/', Unicode U+002F SOLIDUS) и второй строго положительный {{cssxref("<integer>")}}. Пробелы до и после черты не обязательны. Первое число представляет ширину, а второе высоту.

    +

    Тип данных <ratio> состоит из строго положительного  {{cssxref("<integer>")}}, за которым следует слеш  ('/', Unicode U+002F SOLIDUS) и второй строго положительный {{cssxref("<integer>")}}. Пробелы до и после черты не обязательны. Первое число представляет ширину, а второе высоту.

    Примеры

    diff --git a/files/ru/web/css/using_css_custom_properties/index.html b/files/ru/web/css/using_css_custom_properties/index.html index 829761ba71..65fd104311 100644 --- a/files/ru/web/css/using_css_custom_properties/index.html +++ b/files/ru/web/css/using_css_custom_properties/index.html @@ -94,7 +94,7 @@ translation_of: Web/CSS/Using_CSS_custom_properties

    {{EmbedLiveSample("sample1",600,180)}}


    - Обратите внимание на повторения в CSS. Коричневый фон установлен в нескольких местах. Для некоторых CSS объявлений можно указать этот цвет выше в каскаде и наследование CSS решит эту проблему. Но для нетривиальных проектов это не всегда возможно. Объявив переменную в псевдо-классе :root, автор CSS может избежать ненужных повторений, используя эту переменную.

    + Обратите внимание на повторения в CSS. Коричневый фон установлен в нескольких местах. Для некоторых CSS объявлений можно указать этот цвет выше в каскаде и наследование CSS решит эту проблему. Но для нетривиальных проектов это не всегда возможно. Объявив переменную в псевдоклассе :root, автор CSS может избежать ненужных повторений, используя эту переменную.

    diff --git a/files/ru/web/css/width/index.html b/files/ru/web/css/width/index.html index 487f061001..91f76b0eca 100644 --- a/files/ru/web/css/width/index.html +++ b/files/ru/web/css/width/index.html @@ -9,7 +9,7 @@ translation_of: Web/CSS/width
    {{EmbedInteractiveExample("pages/css/width.html")}}
    - +

    Свойства {{cssxref("min-width")}} и {{cssxref("max-width")}} перекрывают {{cssxref("width")}}.

    @@ -196,7 +196,7 @@ width: unset;

    Поддержка браузерами

    - +

    {{Compat("css.properties.width")}}

    -- cgit v1.2.3-54-g00ecf