Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[ru]: update Web/HTML/Element/style translation #24406

Merged
merged 7 commits into from
Nov 22, 2024
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Apply suggestions from code review
Co-authored-by: Leonid Vinogradov <win.leon@protonmail.com>
  • Loading branch information
sedlukha and leon-win authored Nov 22, 2024
commit 0c2f5a28d8b765cfece9ca59ee7ccfaf14f661b4
22 changes: 11 additions & 11 deletions files/ru/web/html/element/style/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,15 +7,15 @@ l10n:

{{HTMLSidebar}}

[HTML](/ru/docs/Web/HTML)-элемент **`<style>`** содержит стилевую информацию для документа или его части. Содержит CSS, применяемый к содержимому документа, включающему элемент `<style>`.
[HTML](/ru/docs/Web/HTML)-элемент **`<style>`** содержит информацию о стилях документа или его части. Они будут применены к содержимому документа, включающего элемент `<style>`.

{{EmbedInteractiveExample("pages/tabbed/style.html", "tabbed-standard")}}

Элемент `<style>` должен быть включён внутрь {{htmlelement("head")}} документа. В общем случае лучше размещать стили во внешних таблицах стилей и подключать их с помощью элементов {{htmlelement("link")}}.

Если в документе включено несколько элементов `<style>` и `<link>`, они будут применяться к DOM в порядке их включения убедитесь, что они добавлены в правильной последовательности, чтобы избежать неожиданных проблем с каскадом.
Если в документе существует несколько элементов `<style>` и `<link>`, они будут применяться к DOM в порядке их включения, поэтому убедитесь, что они добавлены в правильной последовательности, чтобы избежать неожиданных проблем с каскадированием стилей.

Аналогично элементам `<link>`, элементы `<style>` могут включать атрибут `media`, содержащий [медиа-запросы](/ru/docs/Web/CSS/CSS_media_queries), что позволяет избирательно применять внутренние таблицы стилей к документу в зависимости от таких медиа-характеристик, как ширина области просмотра.
Аналогично элементам `<link>`, элементы `<style>` могут включать атрибут `media`, содержащий [медиа-запросы](/ru/docs/Web/CSS/CSS_media_queries), что позволяет избирательно применять внутренние таблицы стилей к документу в зависимости от таких медиа-условий, как ширина области просмотра.

## Атрибуты

Expand All @@ -25,16 +25,16 @@ l10n:
- : Этот атрибут явно указывает, что определённые операции должны быть заблокированы до получения критических подресурсов. Стили, импортированные с помощью [`@import`](/ru/docs/Web/CSS/@import), обычно считаются критическими подресурсами, в то время как [`background-image`](/ru/docs/Web/CSS/background-image) и шрифты — нет. Операции, которые должны быть заблокированы, должны быть указаны через пробел в списке токенов блокировки, приведённых ниже.
sedlukha marked this conversation as resolved.
Show resolved Hide resolved
- `render`: Отображение контента на экране блокируется.
- `media`
- : Этот атрибут определяет, к какому виду медиа должен применяться этот стиль. Значением этого атрибута является [медиавыражение](/ru/docs/Web/CSS/CSS_media_queries/Using_media_queries), которое по умолчанию соответствует `all`.
- : Этот атрибут определяет, к какому виду медиа должен применяться стиль. Значением этого атрибута является [медиавыражение](/ru/docs/Web/CSS/CSS_media_queries/Using_media_queries), которое по умолчанию соответствует `all`.
- `nonce`
- : Криптографический одноразовый номер, используемый для разрешения встроенных стилей в [политике Content-Security-Policy для style-src](/ru/docs/Web/HTTP/Headers/Content-Security-Policy/style-src). Сервер должен генерировать уникальный одноразовый номер (nonce) каждый раз, когда отправляет политику. Важно предоставлять nonce, который невозможно угадать, так как в противном случае обойти политику ресурса будет достаточно просто.
- : Криптографический одноразовый номер, используемый для разрешения применения встроенных стилей с помощью [директивы style-src](/ru/docs/Web/HTTP/Headers/Content-Security-Policy/style-src) политики Content-Security-Policy. Сервер должен генерировать это значение каждый раз, когда отправляет заголовок. Важно предоставлять такое значение, которое невозможно угадать, так как в противном случае обойти политику ресурса будет достаточно просто.
- `title`
- : Этот атрибут задаёт [альтернативные наборы стилей](/ru/docs/Web/CSS/Alternative_style_sheets).

### Устаревшие атрибуты

- `type` {{deprecated_inline}}
- : Этот атрибут не должен быть указан: если он указан, допустимыми значениями являются только пустая строка или регистронезависимое значение `text/css`.
- : Этот атрибут не следует устанавливать, но если он указан, то допустимыми значениями являются только пустая строка или регистронезависимое значение `text/css`.

## Примеры

Expand Down Expand Up @@ -64,9 +64,9 @@ l10n:

{{EmbedLiveSample('A_simple_stylesheet', '100%', '100')}}

### Несколько элементов стиля
### Несколько элементов `style`

В этом примере мы включили два элемента `<style>`обратите внимание, как конфликтующие декларации в последнем элементе `<style>` перекрывают те, что были в предыдущем, если у них одинаковая [специфичность](/ru/docs/Web/CSS/Specificity).
В этом примере мы добавили два элемента `<style>`, обратите внимание, как конфликтующие объявления стилей в последнем элементе `<style>` перекрывают те, что были в предыдущем, если у них одинаковая [специфичность](/ru/docs/Web/CSS/Specificity).

```html
<!doctype html>
Expand Down Expand Up @@ -99,9 +99,9 @@ l10n:

{{EmbedLiveSample('Multiple_style_elements', '100%', '100')}}

### Включение медиа-запроса
### Включение медиавыражения

В этом примере мы добавляем к предыдущему медиа-запрос, включив атрибут `media` во второй элемент `<style>`, чтобы он применялся только при ширине области просмотра менее 500px.
В этом примере мы добавили медиавыражение с помощью атрибута `media` во втором элементе `<style>`, чтобы он применялся только при ширине области просмотра менее 500px.

```html
<!doctype html>
Expand Down Expand Up @@ -155,7 +155,7 @@ l10n:
</tr>
<tr>
<th>Пропуск тегов</th>
<td>Ни один из тегов не может быть опущен.</td>
<td>Ни один из тегов не может быть пропущен.</td>
</tr>
<tr>
<th>Допустимые родители</th>
Expand Down