From 05564d56aa54eb11cbdc3684e1b4a843a3b9196c Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Mon, 18 Oct 2021 20:28:37 +0300 Subject: [RU] Fix live samples (#2767) --- .../web/accessibility/aria/roles/checkbox_role/index.html | 2 +- .../api/canvas_api/tutorial/advanced_animations/index.html | 4 ++-- .../tutorial/applying_styles_and_colors/index.html | 2 +- .../api/canvas_api/tutorial/basic_animations/index.html | 6 +++--- .../ru/web/api/canvas_api/tutorial/drawing_text/index.html | 4 ++-- .../web/api/canvas_api/tutorial/transformations/index.html | 2 +- .../api/canvasrenderingcontext2d/globalalpha/index.html | 2 +- .../ru/web/api/canvasrenderingcontext2d/linecap/index.html | 2 +- files/ru/web/api/document/dragstart_event/index.html | 2 +- files/ru/web/api/document/url/index.html | 2 +- files/ru/web/api/element/blur_event/index.html | 2 +- files/ru/web/api/element/innerhtml/index.html | 4 ++-- files/ru/web/api/element/keyup_event/index.html | 2 +- files/ru/web/api/eventtarget/addeventlistener/index.html | 4 ++-- files/ru/web/api/filereader/readasdataurl/index.html | 2 +- .../geolocation_api/using_the_geolocation_api/index.html | 2 +- files/ru/web/api/htmlimageelement/srcset/index.html | 2 +- .../ru/web/api/htmlselectelement/selectedindex/index.html | 2 +- files/ru/web/api/mouseevent/screenx/index.html | 2 +- files/ru/web/api/notification/index.html | 2 +- files/ru/web/css/@media/inverted-colors/index.html | 2 +- files/ru/web/css/@media/orientation/index.html | 2 +- files/ru/web/css/@media/prefers-reduced-motion/index.html | 2 +- files/ru/web/css/@media/scripting/index.html | 2 +- files/ru/web/css/_colon_-moz-only-whitespace/index.html | 4 ++-- files/ru/web/css/_colon_default/index.html | 2 +- files/ru/web/css/_colon_defined/index.html | 2 +- files/ru/web/css/_colon_focus-within/index.html | 2 +- files/ru/web/css/_colon_is/index.html | 2 +- files/ru/web/css/_colon_lang/index.html | 2 +- files/ru/web/css/_colon_only-of-type/index.html | 2 +- files/ru/web/css/_colon_where/index.html | 2 +- files/ru/web/css/_doublecolon_-moz-progress-bar/index.html | 2 +- files/ru/web/css/_doublecolon_grammar-error/index.html | 2 +- files/ru/web/css/attr()/index.html | 2 +- files/ru/web/css/backface-visibility/index.html | 2 +- files/ru/web/css/background-color/index.html | 2 +- files/ru/web/css/background-repeat/index.html | 2 +- files/ru/web/css/block-size/index.html | 2 +- files/ru/web/css/clamp()/index.html | 2 +- files/ru/web/css/clip-path/index.html | 2 +- files/ru/web/css/color_value/index.html | 2 +- files/ru/web/css/column-count/index.html | 2 +- files/ru/web/css/column-rule-color/index.html | 2 +- files/ru/web/css/column_combinator/index.html | 2 +- files/ru/web/css/css_fonts/index.html | 2 +- files/ru/web/css/display-listitem/index.html | 2 +- files/ru/web/css/display-outside/index.html | 2 +- files/ru/web/css/flex/index.html | 2 +- files/ru/web/css/font-size/index.html | 2 +- files/ru/web/css/grid-template-areas/index.html | 2 +- files/ru/web/css/height/index.html | 2 +- files/ru/web/css/hyphens/index.html | 2 +- files/ru/web/css/initial/index.html | 2 +- files/ru/web/css/inset/index.html | 2 +- files/ru/web/css/margin-inline-start/index.html | 2 +- files/ru/web/css/minmax()/index.html | 2 +- files/ru/web/css/orphans/index.html | 2 +- files/ru/web/css/overflow-block/index.html | 2 +- files/ru/web/css/text-decoration-skip/index.html | 2 +- files/ru/web/css/text-justify/index.html | 2 +- files/ru/web/css/text-shadow/index.html | 4 ++-- files/ru/web/css/transform-function/skew()/index.html | 4 ++-- files/ru/web/css/user-select/index.html | 2 +- files/ru/web/css/visibility/index.html | 2 +- files/ru/web/css/width/index.html | 6 +++--- files/ru/web/css/writing-mode/index.html | 2 +- files/ru/web/guide/audio_and_video_manipulation/index.html | 2 +- files/ru/web/guide/css/block_formatting_context/index.html | 2 +- files/ru/web/html/applying_color/index.html | 2 +- files/ru/web/html/element/bdo/index.html | 2 +- files/ru/web/html/element/caption/index.html | 2 +- files/ru/web/html/element/details/index.html | 2 +- files/ru/web/html/element/input/button/index.html | 2 +- files/ru/web/html/element/input/color/index.html | 4 ++-- files/ru/web/html/element/input/password/index.html | 14 +++++++------- files/ru/web/html/element/input/radio/index.html | 2 +- files/ru/web/html/element/input/range/index.html | 8 ++++++-- files/ru/web/html/element/meter/index.html | 4 ++-- files/ru/web/html/element/ol/index.html | 10 +++++----- files/ru/web/html/element/summary/index.html | 2 +- files/ru/web/html/element/ul/index.html | 6 +++--- files/ru/web/html/element/wbr/index.html | 2 +- .../svg/applying_svg_effects_to_html_content/index.html | 8 ++++---- files/ru/web/svg/attribute/fill-opacity/index.html | 2 +- files/ru/web/svg/attribute/fill/index.html | 2 +- files/ru/web/svg/attribute/stroke/index.html | 4 ++-- files/ru/web/svg/attribute/transform/index.html | 2 +- files/ru/web/svg/attribute/viewbox/index.html | 2 ++ files/ru/web/svg/element/ellipse/index.html | 6 +++--- files/ru/web/svg/element/feblend/index.html | 2 +- files/ru/web/svg/element/g/index.html | 2 +- files/ru/web/svg/element/radialgradient/index.html | 2 +- 93 files changed, 130 insertions(+), 124 deletions(-) (limited to 'files/ru/web') diff --git a/files/ru/web/accessibility/aria/roles/checkbox_role/index.html b/files/ru/web/accessibility/aria/roles/checkbox_role/index.html index 6fcdcbbff6..f8417e5247 100644 --- a/files/ru/web/accessibility/aria/roles/checkbox_role/index.html +++ b/files/ru/web/accessibility/aria/roles/checkbox_role/index.html @@ -111,7 +111,7 @@ translation_of: Web/Accessibility/ARIA/Roles/checkbox_role } } -

{{EmbedLiveSample("Examples", 230, 250)}}

+

{{EmbedLiveSample("Примеры", 230, 250)}}

Проблемы доступности

diff --git a/files/ru/web/api/canvas_api/tutorial/advanced_animations/index.html b/files/ru/web/api/canvas_api/tutorial/advanced_animations/index.html index a5172106db..44f0185bad 100644 --- a/files/ru/web/api/canvas_api/tutorial/advanced_animations/index.html +++ b/files/ru/web/api/canvas_api/tutorial/advanced_animations/index.html @@ -149,7 +149,7 @@ canvas.addEventListener('mouseout', function(e) { ball.draw(); -

{{EmbedLiveSample("First_demo", "610", "310")}}

+

{{EmbedLiveSample("Первое_демо", "610", "310")}}

Ускорение

@@ -360,7 +360,7 @@ ball.draw();

Переместите шар с помощью мыши и отпустите его одним щелчком.

-

{{EmbedLiveSample("Adding_mouse_control", "610", "310")}}

+

{{EmbedLiveSample("Добавление_управления_мышью", "610", "310")}}

Breakout(арканоид)

diff --git a/files/ru/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html b/files/ru/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html index 9a750e66cc..688e8a5b54 100644 --- a/files/ru/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html +++ b/files/ru/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html @@ -452,7 +452,7 @@ function march() { march(); -

{{EmbedLiveSample("Используемый штрих", "120", "120", "https://mdn.mozillademos.org/files/9853/marching-ants.png")}}

+

{{EmbedLiveSample("Использование_штрихов", "120", "120", "https://mdn.mozillademos.org/files/9853/marching-ants.png")}}

Градиенты

diff --git a/files/ru/web/api/canvas_api/tutorial/basic_animations/index.html b/files/ru/web/api/canvas_api/tutorial/basic_animations/index.html index eb1304bc4d..0719240b2c 100644 --- a/files/ru/web/api/canvas_api/tutorial/basic_animations/index.html +++ b/files/ru/web/api/canvas_api/tutorial/basic_animations/index.html @@ -116,7 +116,7 @@ init(); 
<canvas id="canvas" width="300" height="300"></canvas>
-

{{EmbedLiveSample("An_animated_solar_system", "310", "310", "https://mdn.mozillademos.org/files/202/Canvas_animation1.png")}}

+

{{EmbedLiveSample("Анимированная_солнечная_система", "310", "310", "https://mdn.mozillademos.org/files/202/Canvas_animation1.png")}}

Анимированные часы

@@ -225,7 +225,7 @@ window.requestAnimationFrame(clock); 
<canvas id="canvas" width="150" height="150"></canvas>
-

{{EmbedLiveSample("An_animated_clock", "180", "180", "https://mdn.mozillademos.org/files/203/Canvas_animation2.png")}}

+

{{EmbedLiveSample("Анимированные_часы", "180", "180", "https://mdn.mozillademos.org/files/203/Canvas_animation2.png")}}

Зацикленная панорама

@@ -295,7 +295,7 @@ function draw() { 
<canvas id="canvas" width="800" height="200"></canvas>
-

{{EmbedLiveSample("A_looping_panorama", "830", "230")}}

+

{{EmbedLiveSample("Зацикленная_панорама", "830", "230")}}

Другие примеры

diff --git a/files/ru/web/api/canvas_api/tutorial/drawing_text/index.html b/files/ru/web/api/canvas_api/tutorial/drawing_text/index.html index c9d29cacd2..0464d884bf 100644 --- a/files/ru/web/api/canvas_api/tutorial/drawing_text/index.html +++ b/files/ru/web/api/canvas_api/tutorial/drawing_text/index.html @@ -43,7 +43,7 @@ original_slug: Web/API/Canvas_API/Tutorial/Рисование_текста 
draw();
-

{{EmbedLiveSample("A_fillText_example", 310, 110)}}

+

{{EmbedLiveSample("Пример_fillText", 310, 110)}}

Пример strokeText

@@ -61,7 +61,7 @@ original_slug: Web/API/Canvas_API/Tutorial/Рисование_текста 
draw();
-

{{EmbedLiveSample("A_strokeText_example", 310, 110)}}

+

{{EmbedLiveSample("Пример_strokeText", 310, 110)}}

Стилизация текста

diff --git a/files/ru/web/api/canvas_api/tutorial/transformations/index.html b/files/ru/web/api/canvas_api/tutorial/transformations/index.html index 96e9083bed..9fbcbf30e7 100644 --- a/files/ru/web/api/canvas_api/tutorial/transformations/index.html +++ b/files/ru/web/api/canvas_api/tutorial/transformations/index.html @@ -270,6 +270,6 @@ translation_of: Web/API/Canvas_API/Tutorial/Transformations 
draw();
-

{{EmbedLiveSample("Example_for_transform_and_setTransform", "230", "280", "https://mdn.mozillademos.org/files/255/Canvas_transform.png")}}

+

{{EmbedLiveSample("Пример_использования_transform_и_setTransform", "230", "280", "https://mdn.mozillademos.org/files/255/Canvas_transform.png")}}

{{PreviousNext("Web/API/Canvas_API/Tutorial/Using_images", "Web/API/Canvas_API/Tutorial/Compositing")}}

diff --git a/files/ru/web/api/canvasrenderingcontext2d/globalalpha/index.html b/files/ru/web/api/canvasrenderingcontext2d/globalalpha/index.html index f2a0e38c0e..50fa1c6004 100644 --- a/files/ru/web/api/canvasrenderingcontext2d/globalalpha/index.html +++ b/files/ru/web/api/canvasrenderingcontext2d/globalalpha/index.html @@ -95,7 +95,7 @@ for (let i = 0; i < 7; i++) { } -

{{EmbedLiveSample("Overlaying_transparent_shapes", "180", "180", "https://mdn.mozillademos.org/files/232/Canvas_globalalpha.png")}}

+

{{EmbedLiveSample("Наложение_прозрачных_фигур", "180", "180", "https://mdn.mozillademos.org/files/232/Canvas_globalalpha.png")}}

Specifications

diff --git a/files/ru/web/api/canvasrenderingcontext2d/linecap/index.html b/files/ru/web/api/canvasrenderingcontext2d/linecap/index.html index 772c69ed4c..3b27c3ce78 100644 --- a/files/ru/web/api/canvasrenderingcontext2d/linecap/index.html +++ b/files/ru/web/api/canvasrenderingcontext2d/linecap/index.html @@ -32,7 +32,7 @@ translation_of: Web/API/CanvasRenderingContext2D/lineCap

Примеры

-

Использование свойства lineCap

+

Использование свойства lineCap

Ниже представлен простой фрагмент кода, использующий lineCap.

diff --git a/files/ru/web/api/document/dragstart_event/index.html b/files/ru/web/api/document/dragstart_event/index.html index 3f5b64638d..fc1ad63c2c 100644 --- a/files/ru/web/api/document/dragstart_event/index.html +++ b/files/ru/web/api/document/dragstart_event/index.html @@ -36,7 +36,7 @@ translation_of: Web/API/Document/dragstart_event

See the drag event for example code or this JSFiddle demo.

-

{{EmbedLiveSample('Examples', '300', '200', '', 'Web/API/Document/drag_event')}}

+

{{EmbedLiveSample('Примеры', '300', '200', '', 'Web/API/Document/drag_event')}}

diff --git a/files/ru/web/api/document/url/index.html b/files/ru/web/api/document/url/index.html index eb63edd1e7..374ac4968c 100644 --- a/files/ru/web/api/document/url/index.html +++ b/files/ru/web/api/document/url/index.html @@ -33,7 +33,7 @@ translation_of: Web/API/Document/URL

Результат

-

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

+

{{EmbedLiveSample("Пример", "100%", 100)}}

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

diff --git a/files/ru/web/api/element/blur_event/index.html b/files/ru/web/api/element/blur_event/index.html index e6f2816a61..0a118b9c84 100644 --- a/files/ru/web/api/element/blur_event/index.html +++ b/files/ru/web/api/element/blur_event/index.html @@ -88,7 +88,7 @@ form.addEventListener("blur", function( event ) { event.target.style.background = ""; }, true); -

{{EmbedLiveSample('Event_delegation')}}

+

{{EmbedLiveSample('Делегирование_события')}}

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

diff --git a/files/ru/web/api/element/innerhtml/index.html b/files/ru/web/api/element/innerhtml/index.html index 197bddb724..66473614c2 100644 --- a/files/ru/web/api/element/innerhtml/index.html +++ b/files/ru/web/api/element/innerhtml/index.html @@ -67,7 +67,7 @@ el.innerHTML = name; // показывает alert

По этой причине,  рекомендуется не использовать innerHTML при вставке обычного текста; вместо этого, используйте {{domxref("node.textContent")}}. Это не интерпретирует отправленный контент как HTML, но вместо этого он вставляется как не обработанный текст. 

-

Примеры

+

Пример

Этот пример использует innerHTML для создания механизма логирования сообщений внутри элемента на странице.

@@ -136,7 +136,7 @@ boxElem.addEventListener("mouseleave", logEvent);

В результате мы получаем такое содержимое. Вы можете видеть логи наводя мышь на элемент, кликая на него и так далее.

-

{{EmbedLiveSample("Example", 640, 350)}}

+

{{EmbedLiveSample("Пример", 640, 350)}}

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

diff --git a/files/ru/web/api/element/keyup_event/index.html b/files/ru/web/api/element/keyup_event/index.html index 981fcbc7d5..7ee1a1827e 100644 --- a/files/ru/web/api/element/keyup_event/index.html +++ b/files/ru/web/api/element/keyup_event/index.html @@ -50,7 +50,7 @@ function logKey(e) { log.textContent += ` ${e.code}`; } -

{{EmbedLiveSample("addEventListener_keyup_example")}}

+

{{EmbedLiveSample("Примеры_addEventListener_keyup")}}

Аналог onkeyup

diff --git a/files/ru/web/api/eventtarget/addeventlistener/index.html b/files/ru/web/api/eventtarget/addeventlistener/index.html index 36ff01e275..25b8bdbd72 100644 --- a/files/ru/web/api/eventtarget/addeventlistener/index.html +++ b/files/ru/web/api/eventtarget/addeventlistener/index.html @@ -146,7 +146,7 @@ el.addEventListener("click", modifyText, false);

Результат

-

{{EmbedLiveSample('Add_a_simple_listener')}}

+

{{EmbedLiveSample('addEventListenerBasic')}}

Если вам нужно передать параметры в обработчик, вы можете использовать анонимные функции.

@@ -201,7 +201,7 @@ el.addEventListener("click", () => { modifyText("four"); }, false);

Результат

-

{{EmbedLiveSample('Event_listener_with_an_arrow_function')}}

+

{{EmbedLiveSample('Обработчик_события_со_стрелочной_функцией')}}

Обратите внимание: несмотря на то, что анонимные и стрелочные функции схожи, они имеют разные значения this.

diff --git a/files/ru/web/api/filereader/readasdataurl/index.html b/files/ru/web/api/filereader/readasdataurl/index.html index a995b9ed6e..d5d45d7365 100644 --- a/files/ru/web/api/filereader/readasdataurl/index.html +++ b/files/ru/web/api/filereader/readasdataurl/index.html @@ -45,7 +45,7 @@ translation_of: Web/API/FileReader/readAsDataURL

Результат

-

{{EmbedLiveSample("%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80", "100%", 240)}}

+

{{EmbedLiveSample("Пример", "100%", 240)}}

Примечание: FileReader() конструктор не поддерживается Internet Explorer до 10 версии. Для полностью совместимого решения прочтите crossbrowser possible solution for image preview. Смотрите также this more powerful example.
diff --git a/files/ru/web/api/geolocation_api/using_the_geolocation_api/index.html b/files/ru/web/api/geolocation_api/using_the_geolocation_api/index.html index 57276f7862..5d6f9ffa07 100644 --- a/files/ru/web/api/geolocation_api/using_the_geolocation_api/index.html +++ b/files/ru/web/api/geolocation_api/using_the_geolocation_api/index.html @@ -168,4 +168,4 @@ document.querySelector('#find-me').addEventListener('click', geoFindMe);

Демо

-

{{EmbedLiveSample('Examples', 350, 150, "", "", "", "geolocation")}}

+

{{EmbedLiveSample('Примеры', 350, 150, "", "", "", "geolocation")}}

diff --git a/files/ru/web/api/htmlimageelement/srcset/index.html b/files/ru/web/api/htmlimageelement/srcset/index.html index b4a817c4d3..a16eff4b8f 100644 --- a/files/ru/web/api/htmlimageelement/srcset/index.html +++ b/files/ru/web/api/htmlimageelement/srcset/index.html @@ -88,7 +88,7 @@ box.appendChild(newElem);

In the displayed output below, the selected URL will correspond with whether your display results in selecting the 1x or the 2x version of the image. If you happen to have both standard and high density displays, try moving this window between them and reloading the page to see the results change.

-

{{EmbedLiveSample("Example", 640, 320)}}

+

{{EmbedLiveSample("Пример", 640, 320)}}

For additional examples, see our guide to responsive images.

diff --git a/files/ru/web/api/htmlselectelement/selectedindex/index.html b/files/ru/web/api/htmlselectelement/selectedindex/index.html index 28fd5234d1..846453bf13 100644 --- a/files/ru/web/api/htmlselectelement/selectedindex/index.html +++ b/files/ru/web/api/htmlselectelement/selectedindex/index.html @@ -43,7 +43,7 @@ selectElem.addEventListener('change', function() { pElem.innerHTML = 'selectedIndex: ' + index; }) -

{{EmbedLiveSample("Example", "200px", "80px")}}

+

{{EmbedLiveSample("Пример", "200px", "80px")}}

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

diff --git a/files/ru/web/api/mouseevent/screenx/index.html b/files/ru/web/api/mouseevent/screenx/index.html index af4c59c0ac..e607a56dd7 100644 --- a/files/ru/web/api/mouseevent/screenx/index.html +++ b/files/ru/web/api/mouseevent/screenx/index.html @@ -38,7 +38,7 @@ function logKey(e) {

Результат выполнения

-

{{EmbedLiveSample("Example")}}

+

{{EmbedLiveSample("Пример")}}

Обработка события

diff --git a/files/ru/web/api/notification/index.html b/files/ru/web/api/notification/index.html index 8d7e4f26ab..46f7438ac1 100644 --- a/files/ru/web/api/notification/index.html +++ b/files/ru/web/api/notification/index.html @@ -172,7 +172,7 @@ translation_of: Web/API/Notification   // по этому поводу. } -

{{EmbedLiveSample('%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80', '100%', 30)}}

+

{{EmbedLiveSample('Пример', '100%', 30)}}

В большинстве случаев вам не надо быть столь многословными. Например в нашем демо Emogotchi (исходный код), мы просто запускаем {{domxref("Notification.requestPermission")}} несмотря ни на что, чтобы быть уверенными, что мы сможем получить разрешение на отправку уведомлений (тут используется синтаксис новейшего promise-based метода):

diff --git a/files/ru/web/css/@media/inverted-colors/index.html b/files/ru/web/css/@media/inverted-colors/index.html index 123d6d7eeb..3439405479 100644 --- a/files/ru/web/css/@media/inverted-colors/index.html +++ b/files/ru/web/css/@media/inverted-colors/index.html @@ -55,7 +55,7 @@ translation_of: Web/CSS/@media/inverted-colors

Result

-

{{EmbedLiveSample("Example")}}

+

{{EmbedLiveSample("Пример")}}

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

diff --git a/files/ru/web/css/@media/orientation/index.html b/files/ru/web/css/@media/orientation/index.html index 055dffc88d..3e987f0d59 100644 --- a/files/ru/web/css/@media/orientation/index.html +++ b/files/ru/web/css/@media/orientation/index.html @@ -57,7 +57,7 @@ div {

Результат

-

{{EmbedLiveSample("Example")}}

+

{{EmbedLiveSample("Пример")}}

Характеристики

diff --git a/files/ru/web/css/@media/prefers-reduced-motion/index.html b/files/ru/web/css/@media/prefers-reduced-motion/index.html index b7f007c5a9..2caa303f30 100644 --- a/files/ru/web/css/@media/prefers-reduced-motion/index.html +++ b/files/ru/web/css/@media/prefers-reduced-motion/index.html @@ -122,7 +122,7 @@ translation_of: Web/CSS/@media/prefers-reduced-motion

Результат

-

{{EmbedLiveSample("Examples")}}

+

{{EmbedLiveSample("Примеры")}}

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

diff --git a/files/ru/web/css/@media/scripting/index.html b/files/ru/web/css/@media/scripting/index.html index 92fcbf3192..cfb587f945 100644 --- a/files/ru/web/css/@media/scripting/index.html +++ b/files/ru/web/css/@media/scripting/index.html @@ -55,7 +55,7 @@ translation_of: Web/CSS/@media/scripting

Result

-

{{EmbedLiveSample("Example")}}

+

{{EmbedLiveSample("Пример")}}

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

diff --git a/files/ru/web/css/_colon_-moz-only-whitespace/index.html b/files/ru/web/css/_colon_-moz-only-whitespace/index.html index ba636ed4ab..5930ec70c8 100644 --- a/files/ru/web/css/_colon_-moz-only-whitespace/index.html +++ b/files/ru/web/css/_colon_-moz-only-whitespace/index.html @@ -17,7 +17,7 @@ translation_of: 'Web/CSS/:-moz-only-whitespace' {{CSSSyntax}} -

Примеры

+

Пример

HTML

@@ -56,7 +56,7 @@ div {

Результат

-

{{EmbedLiveSample("Example", "100%", "50")}}

+

{{EmbedLiveSample("Пример", "100%", "50")}}

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

diff --git a/files/ru/web/css/_colon_default/index.html b/files/ru/web/css/_colon_default/index.html index 6fc47b9b6e..77df2617c0 100644 --- a/files/ru/web/css/_colon_default/index.html +++ b/files/ru/web/css/_colon_default/index.html @@ -50,7 +50,7 @@ input:default + label {

Результат

-

{{EmbedLiveSample("Example")}}

+

{{EmbedLiveSample("Пример")}}

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

diff --git a/files/ru/web/css/_colon_defined/index.html b/files/ru/web/css/_colon_defined/index.html index f4ab8fc3b4..98ccc8cc19 100644 --- a/files/ru/web/css/_colon_defined/index.html +++ b/files/ru/web/css/_colon_defined/index.html @@ -79,7 +79,7 @@ simple-custom:defined {

Вот результат выполнения представленного выше кода:

-

{{EmbedLiveSample('Examples')}}

+

{{EmbedLiveSample('Примеры')}}

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

diff --git a/files/ru/web/css/_colon_focus-within/index.html b/files/ru/web/css/_colon_focus-within/index.html index 3b26809aba..54556974a5 100644 --- a/files/ru/web/css/_colon_focus-within/index.html +++ b/files/ru/web/css/_colon_focus-within/index.html @@ -54,7 +54,7 @@ input {

Итог

-

{{EmbedLiveSample("Example", 500, 150)}}

+

{{EmbedLiveSample("Пример", 500, 150)}}

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

diff --git a/files/ru/web/css/_colon_is/index.html b/files/ru/web/css/_colon_is/index.html index 27a0a757fd..5c39a787b8 100644 --- a/files/ru/web/css/_colon_is/index.html +++ b/files/ru/web/css/_colon_is/index.html @@ -116,7 +116,7 @@ function applyHandler(elem) { }); } -

{{EmbedLiveSample("Cross-browser_example", "100%", 300)}}

+

{{EmbedLiveSample("Кроссбраузерный_пример", "100%", 300)}}

Упрощение списка селекторов

diff --git a/files/ru/web/css/_colon_lang/index.html b/files/ru/web/css/_colon_lang/index.html index fbcb585010..c823de2765 100644 --- a/files/ru/web/css/_colon_lang/index.html +++ b/files/ru/web/css/_colon_lang/index.html @@ -52,7 +52,7 @@ p:lang(en) {

Результат

-

{{EmbedLiveSample('Example', 350)}}

+

{{EmbedLiveSample('Пример', 350)}}

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

diff --git a/files/ru/web/css/_colon_only-of-type/index.html b/files/ru/web/css/_colon_only-of-type/index.html index f38e7b590a..7a39bd26fa 100644 --- a/files/ru/web/css/_colon_only-of-type/index.html +++ b/files/ru/web/css/_colon_only-of-type/index.html @@ -46,7 +46,7 @@ p:only-of-type {

Результат

-

{{EmbedLiveSample('Example', '', '', '', 'Web/CSS/:only-of-type')}}

+

{{EmbedLiveSample('Пример', '', '', '', 'Web/CSS/:only-of-type')}}

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

diff --git a/files/ru/web/css/_colon_where/index.html b/files/ru/web/css/_colon_where/index.html index 785a6e71fa..cd7ae3fc2a 100644 --- a/files/ru/web/css/_colon_where/index.html +++ b/files/ru/web/css/_colon_where/index.html @@ -115,7 +115,7 @@ footer p:hover {

Примечание: вы так же можете найти этот пример на Github; смотрите is-where.

-

{{EmbedLiveSample('Examples', '100%', 600)}}

+

{{EmbedLiveSample('Примеры', '100%', 600)}}

Синтаксис

diff --git a/files/ru/web/css/_doublecolon_-moz-progress-bar/index.html b/files/ru/web/css/_doublecolon_-moz-progress-bar/index.html index a23502ee59..19c9834366 100644 --- a/files/ru/web/css/_doublecolon_-moz-progress-bar/index.html +++ b/files/ru/web/css/_doublecolon_-moz-progress-bar/index.html @@ -33,7 +33,7 @@ translation_of: 'Web/CSS/::-moz-progress-bar'

Результат

-

{{EmbedLiveSample('Examples')}}

+

{{EmbedLiveSample('Примеры')}}

Первый бар сверху должен выглядеть так:

diff --git a/files/ru/web/css/_doublecolon_grammar-error/index.html b/files/ru/web/css/_doublecolon_grammar-error/index.html index f6a33ebf00..c11d9e7acb 100644 --- a/files/ru/web/css/_doublecolon_grammar-error/index.html +++ b/files/ru/web/css/_doublecolon_grammar-error/index.html @@ -50,7 +50,7 @@ translation_of: 'Web/CSS/::grammar-error'

Результат

-

{{EmbedLiveSample('Simple_document_grammar_check', '100%', 60)}}

+

{{EmbedLiveSample('Простая_проверка_грамматики_документа', '100%', 60)}}

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

diff --git a/files/ru/web/css/attr()/index.html b/files/ru/web/css/attr()/index.html index 8f97e51a5d..74a439a024 100644 --- a/files/ru/web/css/attr()/index.html +++ b/files/ru/web/css/attr()/index.html @@ -171,7 +171,7 @@ attr(data-something, 'default');

Результат

-

{{EmbedLiveSample("Examples", '100%', '80')}}

+

{{EmbedLiveSample("Пример", '100%', '80')}}

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

diff --git a/files/ru/web/css/backface-visibility/index.html b/files/ru/web/css/backface-visibility/index.html index 1d6862e422..2bbc5947b6 100644 --- a/files/ru/web/css/backface-visibility/index.html +++ b/files/ru/web/css/backface-visibility/index.html @@ -171,7 +171,7 @@ th, p, td {

Результат

-

{{EmbedLiveSample('Example', '100%', 360)}}

+

{{EmbedLiveSample('Пример', '100%', 360)}}

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

diff --git a/files/ru/web/css/background-color/index.html b/files/ru/web/css/background-color/index.html index 7c2ac24002..d9e976411d 100644 --- a/files/ru/web/css/background-color/index.html +++ b/files/ru/web/css/background-color/index.html @@ -62,7 +62,7 @@ background-color: unset; {{csssyntax}} -

Примеры

+

Примеры

HTML

diff --git a/files/ru/web/css/background-repeat/index.html b/files/ru/web/css/background-repeat/index.html index 38bff7a1d2..1ff402cca1 100644 --- a/files/ru/web/css/background-repeat/index.html +++ b/files/ru/web/css/background-repeat/index.html @@ -161,7 +161,7 @@ div {

В этом примере каждому элементу списка соответствует другое значение background-repeat.

-

{{EmbedLiveSample('Examples', 240, 360)}}

+

{{EmbedLiveSample('Примеры', 240, 360)}}

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

diff --git a/files/ru/web/css/block-size/index.html b/files/ru/web/css/block-size/index.html index c448fd376e..4c5e051016 100644 --- a/files/ru/web/css/block-size/index.html +++ b/files/ru/web/css/block-size/index.html @@ -69,7 +69,7 @@ block-size: unset; block-size: 200px; } -

{{EmbedLiveSample("Example")}}

+

{{EmbedLiveSample("Пример")}}

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

diff --git a/files/ru/web/css/clamp()/index.html b/files/ru/web/css/clamp()/index.html index e764043f93..1e6fa2b6fc 100644 --- a/files/ru/web/css/clamp()/index.html +++ b/files/ru/web/css/clamp()/index.html @@ -67,7 +67,7 @@ Otherwise, it will be 2.5vw. </p> -

{{EmbedLiveSample("Setting_a_minimum_and_max_size_for_a_font", "100%", "300")}}

+

{{EmbedLiveSample("Установка_минимального_и_максимального_размера_шрифта", "100%", "300")}}

Accessibility concerns

diff --git a/files/ru/web/css/clip-path/index.html b/files/ru/web/css/clip-path/index.html index 55a8b1259a..4aa5db1fc9 100644 --- a/files/ru/web/css/clip-path/index.html +++ b/files/ru/web/css/clip-path/index.html @@ -544,7 +544,7 @@ clipPathSelect.addEventListener("change", function (evt) {

Результат

-

{{EmbedLiveSample("Live_sample", 230, 250)}}

+

{{EmbedLiveSample("Живой_пример", 230, 250)}}

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

diff --git a/files/ru/web/css/color_value/index.html b/files/ru/web/css/color_value/index.html index 49dbbb26f8..7925e8d7b7 100644 --- a/files/ru/web/css/color_value/index.html +++ b/files/ru/web/css/color_value/index.html @@ -998,7 +998,7 @@ translation_of: Web/CSS/color_value This block is surrounded by a blue border. </div> -

{{EmbedLiveSample("currentColor_example")}}

+

{{EmbedLiveSample("currentColor_пример")}}

RGB цвет

diff --git a/files/ru/web/css/column-count/index.html b/files/ru/web/css/column-count/index.html index 633d6a186b..26db89d847 100644 --- a/files/ru/web/css/column-count/index.html +++ b/files/ru/web/css/column-count/index.html @@ -60,7 +60,7 @@ column-count: unset;

Result

-

{{EmbedLiveSample('Example', 'auto', 120)}}

+

{{EmbedLiveSample('Пример', 'auto', 120)}}

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

diff --git a/files/ru/web/css/column-rule-color/index.html b/files/ru/web/css/column-rule-color/index.html index 9660ee90db..a1b82b6534 100644 --- a/files/ru/web/css/column-rule-color/index.html +++ b/files/ru/web/css/column-rule-color/index.html @@ -60,7 +60,7 @@ column-rule-color: unset;

Результат

-

{{EmbedLiveSample("Example")}}

+

{{EmbedLiveSample("Пример")}}

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

diff --git a/files/ru/web/css/column_combinator/index.html b/files/ru/web/css/column_combinator/index.html index 171d4fd7bc..ec1b995742 100644 --- a/files/ru/web/css/column_combinator/index.html +++ b/files/ru/web/css/column_combinator/index.html @@ -59,7 +59,7 @@ col.selected || td {

Result

-

{{EmbedLiveSample("Examples", "100%")}}

+

{{EmbedLiveSample("Примеры", "100%")}}

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

diff --git a/files/ru/web/css/css_fonts/index.html b/files/ru/web/css/css_fonts/index.html index 62ea79ece6..6011699241 100644 --- a/files/ru/web/css/css_fonts/index.html +++ b/files/ru/web/css/css_fonts/index.html @@ -29,7 +29,7 @@ translation_of: Web/CSS/CSS_Fonts

Вывод на экран будет следующим:

-

{{EmbedLiveSample('Basic_example', '100%', '200')}}

+

{{EmbedLiveSample('Базовый_пример', '100%', '200')}}

Различные примеры шрифтов

diff --git a/files/ru/web/css/display-listitem/index.html b/files/ru/web/css/display-listitem/index.html index 878725de23..fc7fc36c06 100644 --- a/files/ru/web/css/display-listitem/index.html +++ b/files/ru/web/css/display-listitem/index.html @@ -41,7 +41,7 @@ translation_of: Web/CSS/display-listitem

Результат

-

{{EmbedLiveSample("Example", "100%", 150)}}

+

{{EmbedLiveSample("Пример", "100%", 150)}}

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

Поддержка list-item

diff --git a/files/ru/web/css/display-outside/index.html b/files/ru/web/css/display-outside/index.html index bb7ec29b04..3bf7e2c737 100644 --- a/files/ru/web/css/display-outside/index.html +++ b/files/ru/web/css/display-outside/index.html @@ -55,7 +55,7 @@ span {

Result

-

{{EmbedLiveSample("Example", 300, 60)}}

+

{{EmbedLiveSample("Пример", 300, 60)}}

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

Support of run-in

diff --git a/files/ru/web/css/flex/index.html b/files/ru/web/css/flex/index.html index 74e5e4450e..3bfc95f7f4 100644 --- a/files/ru/web/css/flex/index.html +++ b/files/ru/web/css/flex/index.html @@ -111,7 +111,7 @@ flex.addEventListener("click", function() {

Результат

-

{{EmbedLiveSample('%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80','100%','60')}}

+

{{EmbedLiveSample('Пример','100%','60')}}

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

diff --git a/files/ru/web/css/font-size/index.html b/files/ru/web/css/font-size/index.html index b51205dfa7..9bb80b7a76 100644 --- a/files/ru/web/css/font-size/index.html +++ b/files/ru/web/css/font-size/index.html @@ -185,7 +185,7 @@ span { font-size: 16px; }

Live Sample

-

{{EmbedLiveSample('%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80_2','600','200')}}

+

{{EmbedLiveSample('Пример_2','600','200')}}

Примечание

diff --git a/files/ru/web/css/grid-template-areas/index.html b/files/ru/web/css/grid-template-areas/index.html index 9e8105a107..f5f135b5c5 100644 --- a/files/ru/web/css/grid-template-areas/index.html +++ b/files/ru/web/css/grid-template-areas/index.html @@ -87,7 +87,7 @@ grid-template-areas: unset;

Результат

-

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

+

{{EmbedLiveSample("Пример", "100%", "250px")}}

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

diff --git a/files/ru/web/css/height/index.html b/files/ru/web/css/height/index.html index 7142268b19..b3b49a28f9 100644 --- a/files/ru/web/css/height/index.html +++ b/files/ru/web/css/height/index.html @@ -109,7 +109,7 @@ height: unset;

Результат

-

{{EmbedLiveSample('Example', 'auto', 240)}}

+

{{EmbedLiveSample('Пример', 'auto', 240)}}

 

diff --git a/files/ru/web/css/hyphens/index.html b/files/ru/web/css/hyphens/index.html index 94ba6884da..4d3f749e17 100644 --- a/files/ru/web/css/hyphens/index.html +++ b/files/ru/web/css/hyphens/index.html @@ -114,7 +114,7 @@ dd.auto {

Результат

-

{{EmbedLiveSample("Specifying_text_hyphenation", "100%", 490)}}

+

{{EmbedLiveSample("Указание_переносов_текста", "100%", 490)}}

Характеристики

diff --git a/files/ru/web/css/initial/index.html b/files/ru/web/css/initial/index.html index d83cb08da9..c073c4e953 100644 --- a/files/ru/web/css/initial/index.html +++ b/files/ru/web/css/initial/index.html @@ -41,7 +41,7 @@ em { color: initial; } -

{{EmbedLiveSample('Example')}}

+

{{EmbedLiveSample('Пример')}}

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

diff --git a/files/ru/web/css/inset/index.html b/files/ru/web/css/inset/index.html index 88071325e5..d669861959 100644 --- a/files/ru/web/css/inset/index.html +++ b/files/ru/web/css/inset/index.html @@ -63,7 +63,7 @@ inset: unset; background-color: #c8c800; } -

{{EmbedLiveSample("Example", 140, 140)}}

+

{{EmbedLiveSample("Пример", 140, 140)}}

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

diff --git a/files/ru/web/css/margin-inline-start/index.html b/files/ru/web/css/margin-inline-start/index.html index 9817d94e46..deabab3faf 100644 --- a/files/ru/web/css/margin-inline-start/index.html +++ b/files/ru/web/css/margin-inline-start/index.html @@ -64,7 +64,7 @@ margin-inline-start: inherit; background-color: #c8c800; } -

{{EmbedLiveSample("Example", 140, 140)}}

+

{{EmbedLiveSample("Пример", 140, 140)}}

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

diff --git a/files/ru/web/css/minmax()/index.html b/files/ru/web/css/minmax()/index.html index d4a4a37361..545788cfb3 100644 --- a/files/ru/web/css/minmax()/index.html +++ b/files/ru/web/css/minmax()/index.html @@ -98,7 +98,7 @@ minmax(auto, 300px)

Результат

-

{{EmbedLiveSample("Example", "100%", 200)}}

+

{{EmbedLiveSample("Пример", "100%", 200)}}

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

diff --git a/files/ru/web/css/orphans/index.html b/files/ru/web/css/orphans/index.html index b279776262..94e9c0f6da 100644 --- a/files/ru/web/css/orphans/index.html +++ b/files/ru/web/css/orphans/index.html @@ -73,7 +73,7 @@ translation_of: Web/CSS/orphans

Результат

-

{{EmbedLiveSample("Example", 380, 150)}}

+

{{EmbedLiveSample("Пример", 380, 150)}}

 
diff --git a/files/ru/web/css/overflow-block/index.html b/files/ru/web/css/overflow-block/index.html index 0462c8442b..acf32784da 100644 --- a/files/ru/web/css/overflow-block/index.html +++ b/files/ru/web/css/overflow-block/index.html @@ -96,7 +96,7 @@ overflow-block: unset;

Результат

-

{{EmbedLiveSample("Examples", "100%", "780")}}

+

{{EmbedLiveSample("Примеры", "100%", "780")}}

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

diff --git a/files/ru/web/css/text-decoration-skip/index.html b/files/ru/web/css/text-decoration-skip/index.html index 76f8e40bfe..98ef92ad7c 100644 --- a/files/ru/web/css/text-decoration-skip/index.html +++ b/files/ru/web/css/text-decoration-skip/index.html @@ -69,7 +69,7 @@ text-decoration-skip: unset;

Результат

-

{{EmbedLiveSample("Example", "100%", 60)}}

+

{{EmbedLiveSample("Примеры", "100%", 60)}}

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

diff --git a/files/ru/web/css/text-justify/index.html b/files/ru/web/css/text-justify/index.html index 6e94871f31..2c3eb6b020 100644 --- a/files/ru/web/css/text-justify/index.html +++ b/files/ru/web/css/text-justify/index.html @@ -81,7 +81,7 @@ text-justify: distribute; /* Устаревшее значение */ text-justify: inter-character; } -

{{EmbedLiveSample("Examples","100%",400)}}

+

{{EmbedLiveSample("Примеры","100%",400)}}

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

diff --git a/files/ru/web/css/text-shadow/index.html b/files/ru/web/css/text-shadow/index.html index bbc4551e2e..35c1783327 100644 --- a/files/ru/web/css/text-shadow/index.html +++ b/files/ru/web/css/text-shadow/index.html @@ -72,7 +72,7 @@ text-shadow: unset; totam rem aperiam, eaque ipsa quae ab illo inventore.</p> -

{{EmbedLiveSample('Simple_shadow', '660px', '90px')}}

+

{{EmbedLiveSample('Простая_тень', '660px', '90px')}}

Множественные тени

@@ -88,7 +88,7 @@ text-shadow: unset; totam rem aperiam, eaque ipsa quae ab illo inventore.</p> -

{{EmbedLiveSample('Multiple_shadows', '660px', '170px')}}

+

{{EmbedLiveSample('Множественные_тени', '660px', '170px')}}

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

diff --git a/files/ru/web/css/transform-function/skew()/index.html b/files/ru/web/css/transform-function/skew()/index.html index 28c37e4438..dc730c4c7e 100644 --- a/files/ru/web/css/transform-function/skew()/index.html +++ b/files/ru/web/css/transform-function/skew()/index.html @@ -78,7 +78,7 @@ skew(ax, ay)

Result

-

{{EmbedLiveSample("Using_a_single_x-angle", 200, 200)}}

+

{{EmbedLiveSample("Используя_только_наклон_по_оси_x", 200, 200)}}

Используя два угла

@@ -103,7 +103,7 @@ skew(ax, ay)

Результат

-

{{EmbedLiveSample("Using_two_angles", 200, 200)}}

+

{{EmbedLiveSample("Используя_два_угла", 200, 200)}}

Поддержка браузеров

diff --git a/files/ru/web/css/user-select/index.html b/files/ru/web/css/user-select/index.html index ed33dd0608..09a19e4bd8 100644 --- a/files/ru/web/css/user-select/index.html +++ b/files/ru/web/css/user-select/index.html @@ -105,7 +105,7 @@ user-select: unset;

Результат

-

{{EmbedLiveSample("Examples")}}

+

{{EmbedLiveSample("Примеры")}}

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

diff --git a/files/ru/web/css/visibility/index.html b/files/ru/web/css/visibility/index.html index 50bb114097..7875a63c16 100644 --- a/files/ru/web/css/visibility/index.html +++ b/files/ru/web/css/visibility/index.html @@ -119,7 +119,7 @@ td { border: 1px solid gray; } -

{{EmbedLiveSample('Пример_с_таблицой')}}

+

{{EmbedLiveSample('Пример_с_таблицей')}}

Соображения доступности

diff --git a/files/ru/web/css/width/index.html b/files/ru/web/css/width/index.html index be2378dd6c..6daf3aae5a 100644 --- a/files/ru/web/css/width/index.html +++ b/files/ru/web/css/width/index.html @@ -88,7 +88,7 @@ width: unset; 
<p class="goldie">Сообщество Mozilla производит множество отличного ПО.</p>
-

{{EmbedLiveSample('Default_width', '500px', '64px')}}

+

{{EmbedLiveSample('Ширина_по_умолчанию', '500px', '64px')}}

Пиксели и em

@@ -110,7 +110,7 @@ width: unset; 
<div class="px_length">Ширина в пикселях</div>
 <div class="em_length">Ширина в em</div>
-

{{EmbedLiveSample('Pixels_and_ems', '500px', '64px')}}

+

{{EmbedLiveSample('Пиксели_и_em', '500px', '64px')}}

Проценты

@@ -122,7 +122,7 @@ width: unset; 
<div class="percent">Ширина в процентах</div>
-

{{EmbedLiveSample('Percentage', '500px', '64px')}}

+

{{EmbedLiveSample('Проценты', '500px', '64px')}}

max-content

diff --git a/files/ru/web/css/writing-mode/index.html b/files/ru/web/css/writing-mode/index.html index 1d0d8e2b43..021fe3f6f0 100644 --- a/files/ru/web/css/writing-mode/index.html +++ b/files/ru/web/css/writing-mode/index.html @@ -63,7 +63,7 @@ writing-mode: unset; writing-mode: vertical-rl; } -

{{EmbedLiveSample("Example", 100, 160)}}

+

{{EmbedLiveSample("Пример", 100, 160)}}

Specification

diff --git a/files/ru/web/guide/audio_and_video_manipulation/index.html b/files/ru/web/guide/audio_and_video_manipulation/index.html index af1e49cb9a..35f4d3624a 100644 --- a/files/ru/web/guide/audio_and_video_manipulation/index.html +++ b/files/ru/web/guide/audio_and_video_manipulation/index.html @@ -101,7 +101,7 @@ translation_of: Web/Guide/Audio_and_video_manipulation

Результат

-

{{EmbedLiveSample("Video_and_canvas", '100%', 580)}}

+

{{EmbedLiveSample("Видео_и_холст_canvas", '100%', 580)}}

This is a pretty simple example showing how to manipulate video frames using a canvas. For efficiency, you should consider using {{domxref("Window.requestAnimationFrame", "requestAnimationFrame()")}} instead of setTimeout() when running on browsers that support it.

diff --git a/files/ru/web/guide/css/block_formatting_context/index.html b/files/ru/web/guide/css/block_formatting_context/index.html index b6cd133539..a95d28bd7b 100644 --- a/files/ru/web/guide/css/block_formatting_context/index.html +++ b/files/ru/web/guide/css/block_formatting_context/index.html @@ -125,7 +125,7 @@ translation_of: Web/Guide/CSS/Block_formatting_context background: red; } -

{{EmbedLiveSample("Margin_collapsing", 120, 120)}}

+

{{EmbedLiveSample("Схлопывание_границ_margin", 120, 120)}}

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

diff --git a/files/ru/web/html/applying_color/index.html b/files/ru/web/html/applying_color/index.html index 9d3a24da5a..ab4df6b6c3 100644 --- a/files/ru/web/html/applying_color/index.html +++ b/files/ru/web/html/applying_color/index.html @@ -249,7 +249,7 @@ th {

 

-
{{EmbedLiveSample("Specifying_colors_in_stylesheets", 650, 150)}}
+
{{EmbedLiveSample("Цвет_в_таблицах_стилей_CSS", 650, 150)}}

HTML

diff --git a/files/ru/web/html/element/bdo/index.html b/files/ru/web/html/element/bdo/index.html index dc7c1201e4..7ce79f29e6 100644 --- a/files/ru/web/html/element/bdo/index.html +++ b/files/ru/web/html/element/bdo/index.html @@ -68,7 +68,7 @@ to left.</bdo></p>

Результат

-

{{EmbedLiveSample('Examples')}}

+

{{EmbedLiveSample('Примеры')}}

Примечания

diff --git a/files/ru/web/html/element/caption/index.html b/files/ru/web/html/element/caption/index.html index d2aafc32d2..edf73dffc6 100644 --- a/files/ru/web/html/element/caption/index.html +++ b/files/ru/web/html/element/caption/index.html @@ -105,7 +105,7 @@ table, th, td { -

{{EmbedLiveSample('Example', 650, 100)}}

+

{{EmbedLiveSample('Пример', 650, 100)}}

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

diff --git a/files/ru/web/html/element/details/index.html b/files/ru/web/html/element/details/index.html index 702c4521ab..be9418435d 100644 --- a/files/ru/web/html/element/details/index.html +++ b/files/ru/web/html/element/details/index.html @@ -73,7 +73,7 @@ translation_of: Web/HTML/Element/details

Result

-

{{EmbedLiveSample("Example")}}

+

{{EmbedLiveSample("Пример")}}

Примечание: Если приведённый выше пример не работает, см. {{anch("Browser compatibility")}} , чтобы определить поддерживает ли вообще ваш браузер эту функцию. 

diff --git a/files/ru/web/html/element/input/button/index.html b/files/ru/web/html/element/input/button/index.html index e477bc0d1b..e77dc4cb51 100644 --- a/files/ru/web/html/element/input/button/index.html +++ b/files/ru/web/html/element/input/button/index.html @@ -125,7 +125,7 @@ function updateButton() { }
-

{{EmbedLiveSample("Adding_keyboard_shortcuts_to_buttons", 650, 100)}}

+

{{EmbedLiveSample("Добавление_сочетаний_клавиш_на_кнопки", 650, 100)}}

Note: The problem with the above example of course is that the user will not know what the access key is! In a real site, you'd have to provide this information in a way that doesn't intefere with the site design (for example by providing an easily accessible link that points to information on what the site accesskeys are).

diff --git a/files/ru/web/html/element/input/color/index.html b/files/ru/web/html/element/input/color/index.html index bd76a615fd..c759902cc8 100644 --- a/files/ru/web/html/element/input/color/index.html +++ b/files/ru/web/html/element/input/color/index.html @@ -67,7 +67,7 @@ translation_of: Web/HTML/Element/input/color 
<input type="color" value="#ff0000">
-

{{EmbedLiveSample("Providing_a_default_color", 700, 30)}}

+

{{EmbedLiveSample("Предоставление_цвета_по_умолчанию", 700, 30)}}

Если вы не зададите значение, то по умолчанию будет #000000, то есть чёрный цвет. Значение должно быть в семизначной шестнадцатеричной системе счисления, то есть символ"#", за которым следуют две цифры, каждая из которых представляет красный, зелёный и синий цвета, например: #rrggbb. Если у вас есть цвета в любом другом формате (например, имена цветов CSS или цветовые функции CSS, такие как rgb () или rgba ()), вам придётся преобразовать их в шестнадцатеричные перед установкой значения.

@@ -182,7 +182,7 @@ window.addEventListener("load", startup, false);

Финальный результат выглядит так:

-

{{EmbedLiveSample("Example", 700, 200)}}

+

{{EmbedLiveSample("Пример", 700, 200)}}

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

diff --git a/files/ru/web/html/element/input/password/index.html b/files/ru/web/html/element/input/password/index.html index 8bfed00469..1845a12d53 100644 --- a/files/ru/web/html/element/input/password/index.html +++ b/files/ru/web/html/element/input/password/index.html @@ -71,7 +71,7 @@ translation_of: Web/HTML/Element/input/password 
<label for="userPassword">Пароль:</label>
 <input id="userPassword" type="password">
-

{{EmbedLiveSample("A_simple_password_input", 600, 40)}}

+

{{EmbedLiveSample("Простое_поле_ввода_пароля", 600, 40)}}

Поддержка автозаполнения

@@ -102,7 +102,7 @@ translation_of: Web/HTML/Element/input/password 
<label for="userPassword">Пароль:</label>
 <input id="userPassword" type="password" required>
-

{{EmbedLiveSample("Making_the_password_mandatory", 600, 40)}}

+

{{EmbedLiveSample("Обязательное_заполнение_пароля", 600, 40)}}

Указание режима ввода

@@ -111,7 +111,7 @@ translation_of: Web/HTML/Element/input/password 
<label for="pin">ПИН:</label>
 <input id="pin" type="password" inputmode="numeric">
-

{{EmbedLiveSample("Specifying_an_input_mode", 600, 40)}}

+

{{EmbedLiveSample("Указание_режима_ввода", 600, 40)}}

Настройка длины пароля

@@ -121,7 +121,7 @@ translation_of: Web/HTML/Element/input/password <input id="pin" type="password" inputmode="numeric" minlength="4" maxlength="8" size="8"> -

{{EmbedLiveSample("Setting_length_requirements", 600, 40)}}

+

{{EmbedLiveSample("Настройка_длины_пароля", 600, 40)}}

Выделение текста

@@ -142,7 +142,7 @@ translation_of: Web/HTML/Element/input/password

Результат

-

{{EmbedLiveSample("Selecting_text", 600, 40)}}

+

{{EmbedLiveSample("Выделение_текста", 600, 40)}}

Вы также можете использовать {{domxref("HTMLInputElement.selectionStart", "selectionStart")}} и {{domxref("HTMLInputElement.selectionEnd", "selectionEnd")}}, чтобы получить (или установить), какой диапазон символов в элементе управления, и {{domxref("HTMLInputElement.selectionDirection", "selectionDirection")}}, чтобы узнать, какой выбор направления произошёл (или будет расширен в зависимости от вашей платформы, см. его документацию для объяснения) , Однако, учитывая, что текст затенён, их полезность несколько ограничена.

@@ -158,7 +158,7 @@ translation_of: Web/HTML/Element/input/password title="Enter an ID consisting of 4-8 hexadecimal digits">
-

{{EmbedLiveSample("Validation_sample1", 600, 40)}}

+

{{EmbedLiveSample("Валидация", 600, 40)}}

{{htmlattrdef("disabled")}}
@@ -198,7 +198,7 @@ ssn.oninput = function(event) {

Результат

-

{{EmbedLiveSample("Requesting_a_Social_Security_number", 600, 60)}}

+

{{EmbedLiveSample("Запрос_номера_социального_страхования", 600, 60)}}

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

diff --git a/files/ru/web/html/element/input/radio/index.html b/files/ru/web/html/element/input/radio/index.html index 9138b39301..92ec2af0cd 100644 --- a/files/ru/web/html/element/input/radio/index.html +++ b/files/ru/web/html/element/input/radio/index.html @@ -151,7 +151,7 @@ form.addEventListener("submit", function(event) {

Опробуйте этот пример и убедитесь, что для группы радиокнопок  "contact"  будет только один результат.

-

{{EmbedLiveSample("Data_representation_of_a_radio_group", 600, 130)}}

+

{{EmbedLiveSample("Представление_данных_группы_радиокнопок", 600, 130)}}

Использование радиокнопок

diff --git a/files/ru/web/html/element/input/range/index.html b/files/ru/web/html/element/input/range/index.html index 8fc4558932..14f921c912 100644 --- a/files/ru/web/html/element/input/range/index.html +++ b/files/ru/web/html/element/input/range/index.html @@ -161,7 +161,7 @@ translation_of: Web/HTML/Element/input/range 
<input type="range" min="-10" max="10">
-

{{EmbedLiveSample("Specifying_the_minimum_and_maximum", 600, 40)}}

+

{{EmbedLiveSample("Указание_минимума_и_максимума", 600, 40)}}

Настройка детализации значения

@@ -293,9 +293,11 @@ translation_of: Web/HTML/Element/input/range

Рассмотрим контроллер диапазона:

+
<input type="range" id="volume" min="0" max="11" value="7" step="1">

{{EmbedLiveSample("Orientation_sample1", 200, 200, "https://mdn.mozillademos.org/files/14983/Orientation_sample1.png")}}

+

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

@@ -303,6 +305,7 @@ translation_of: Web/HTML/Element/input/range

Следуя спецификации, сделать его вертикальным также просто как добавить CSS, чтобы изменить размеры контроллера, чтобы его высота оказалась больше ширины:

+

CSS

#volume {
@@ -317,6 +320,7 @@ translation_of: Web/HTML/Element/input/range
 
Результат

 
 
{{EmbedLiveSample("Orientation_sample2", 200, 200, "https://mdn.mozillademos.org/files/14985/Orientation_sample2.png")}}

+

К сожалению, большинство браузеров сейчас не поддерживают вертикальные контроллы напрямую.

@@ -434,7 +438,7 @@ translation_of: Web/HTML/Element/input/range -webkit-appearance: slider-vertical; } -

{{EmbedLiveSample("Putting_it_all_together", 200, 200)}}

+

{{EmbedLiveSample("Все_вместе", 200, 200)}}

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

diff --git a/files/ru/web/html/element/meter/index.html b/files/ru/web/html/element/meter/index.html index 8f4bb987de..6cff738e05 100644 --- a/files/ru/web/html/element/meter/index.html +++ b/files/ru/web/html/element/meter/index.html @@ -78,7 +78,7 @@ translation_of: Web/HTML/Element/meter

Output

-

{{EmbedLiveSample("Simple_example", 300, 60)}}

+

{{EmbedLiveSample("Простой_пример", 300, 60)}}

В Google Chrome, результат будет выглядеть так:

@@ -96,7 +96,7 @@ translation_of: Web/HTML/Element/meter

Output

-

{{EmbedLiveSample("High_and_Low_range_example", 300, 60)}}

+

{{EmbedLiveSample("Пример_с_High_и_Low_диапазоном", 300, 60)}}

В Google Chrome, результат будет выглядеть так:

diff --git a/files/ru/web/html/element/ol/index.html b/files/ru/web/html/element/ol/index.html index 0dd6ac43c4..0c34ed110b 100644 --- a/files/ru/web/html/element/ol/index.html +++ b/files/ru/web/html/element/ol/index.html @@ -101,7 +101,7 @@ translation_of: Web/HTML/Element/ol

Результат HTML кода выше:

-

{{EmbedLiveSample("Simple_example", 400, 100)}}

+

{{EmbedLiveSample("Обычный_список", 400, 100)}}

Список с Римскими числами

@@ -113,7 +113,7 @@ translation_of: Web/HTML/Element/ol

Результат HTML кода выше:

-

{{EmbedLiveSample("Using_Roman_Numeral_type", 400, 100)}}

+

{{EmbedLiveSample("Список_с_Римскими_числами", 400, 100)}}

Используя свойство start

@@ -128,7 +128,7 @@ translation_of: Web/HTML/Element/ol

Результат HTML кода выше:

-

{{EmbedLiveSample("Using_the_start_attribute", 400, 100)}}

+

{{EmbedLiveSample("Используя_свойство_start", 400, 100)}}

Вложенный список

@@ -147,7 +147,7 @@ translation_of: Web/HTML/Element/ol

Результат HTML кода выше:

-

{{EmbedLiveSample("Nesting_lists", 400, 150)}}

+

{{EmbedLiveSample("Вложенный_список", 400, 150)}}

Неупорядоченный список внутри упорядоченного списка

@@ -166,7 +166,7 @@ translation_of: Web/HTML/Element/ol

Результат HTML кода выше:

-

{{EmbedLiveSample("Unordered_list_inside_ordered_list", 400, 150)}}

+

{{EmbedLiveSample("Неупорядоченный_список_внутри_упорядоченного_списка", 400, 150)}}

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

diff --git a/files/ru/web/html/element/summary/index.html b/files/ru/web/html/element/summary/index.html index 44df57ef35..41644f5508 100644 --- a/files/ru/web/html/element/summary/index.html +++ b/files/ru/web/html/element/summary/index.html @@ -75,7 +75,7 @@ translation_of: Web/HTML/Element/summary </ol> </details> -

{{EmbedLiveSample("Basic_example", 650, 120)}}

+

{{EmbedLiveSample("Простой_пример", 650, 120)}}

Summaries as headings

diff --git a/files/ru/web/html/element/ul/index.html b/files/ru/web/html/element/ul/index.html index ad10e21735..d7ecc4048e 100644 --- a/files/ru/web/html/element/ul/index.html +++ b/files/ru/web/html/element/ul/index.html @@ -90,7 +90,7 @@ translation_of: Web/HTML/Element/ul

Результат HTML кода выше:

-

{{EmbedLiveSample("Simple_example", 400, 100)}}

+

{{EmbedLiveSample("Простой_список", 400, 100)}}

Вложенный список

@@ -118,7 +118,7 @@ translation_of: Web/HTML/Element/ul

Результат HTML кода выше:

-

{{EmbedLiveSample("Nesting_a_list", 400, 220)}}

+

{{EmbedLiveSample("Вложенный_список", 400, 220)}}

Упорядоченный список внутри неупорядоченного списка

@@ -139,7 +139,7 @@ translation_of: Web/HTML/Element/ul

Результат HTML кода выше:

-

{{EmbedLiveSample("Ordered_list_inside_unordered_list", 400, 150)}}

+

{{EmbedLiveSample("Упорядоченный_список_внутри_неупорядоченного_списка", 400, 150)}}

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

diff --git a/files/ru/web/html/element/wbr/index.html b/files/ru/web/html/element/wbr/index.html index cc8562358b..850271cf68 100644 --- a/files/ru/web/html/element/wbr/index.html +++ b/files/ru/web/html/element/wbr/index.html @@ -58,7 +58,7 @@ translation_of: Web/HTML/Element/wbr 
<p>http://this<wbr>.is<wbr>.a<wbr>.really<wbr>.long<wbr>.example<wbr>.com/With<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages</p>
-

{{EmbedLiveSample("Example")}}

+

{{EmbedLiveSample("Пример")}}

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

diff --git a/files/ru/web/svg/applying_svg_effects_to_html_content/index.html b/files/ru/web/svg/applying_svg_effects_to_html_content/index.html index 7dc0f367c1..3f51cb008b 100644 --- a/files/ru/web/svg/applying_svg_effects_to_html_content/index.html +++ b/files/ru/web/svg/applying_svg_effects_to_html_content/index.html @@ -61,7 +61,7 @@ p {

Вышеприведённый пример будет отображаться с помощью маски, применяемой к нему.

-

{{EmbedLiveSample('Example_Masking', 650, 200)}}

+

{{EmbedLiveSample('Пример_маскировка', 650, 200)}}

Пример: обрезание

@@ -107,7 +107,7 @@ p { } -

{{EmbedLiveSample('Example_Clipping', 650, 200)}}

+

{{EmbedLiveSample('Пример_обрезание', 650, 200)}}

Пример: Фильтрация

@@ -177,7 +177,7 @@ pre.target { filter:url(#f2); } pre.target:hover { filter:url(#f3); } -

{{EmbedLiveSample('Example_Filtering', 650, 200)}}

+

{{EmbedLiveSample('Пример_Фильтрация', 650, 200)}}

@@ -199,7 +199,7 @@ pre.target:hover { filter:url(#f3); } 
.blur { filter: url(#wherearemyglasses); }
-

{{ EmbedLiveSample('Example_Blurred_Text', 300, 100) }}

+

{{ EmbedLiveSample('Пример_размытый_текст', 300, 100) }}

Размытие является сложным вычислением, поэтому используйте его экономно, особенно в элементах, которые прокручиваются или анимируются.

diff --git a/files/ru/web/svg/attribute/fill-opacity/index.html b/files/ru/web/svg/attribute/fill-opacity/index.html index ffc30ca4e8..2ea13cd6d4 100644 --- a/files/ru/web/svg/attribute/fill-opacity/index.html +++ b/files/ru/web/svg/attribute/fill-opacity/index.html @@ -50,7 +50,7 @@ translation_of: Web/SVG/Attribute/fill-opacity

результат

-

{{EmbedLiveSample('Example', 200, 200)}}

+

{{EmbedLiveSample('Примеры', 200, 200)}}

Элементы

diff --git a/files/ru/web/svg/attribute/fill/index.html b/files/ru/web/svg/attribute/fill/index.html index 42d0e3c965..d5c6c103ea 100644 --- a/files/ru/web/svg/attribute/fill/index.html +++ b/files/ru/web/svg/attribute/fill/index.html @@ -82,7 +82,7 @@ translation_of: Web/SVG/Attribute/fill

Результат

-

{{EmbedLiveSample('Example_1_Simple_SVG', 200, 200)}}

+

{{EmbedLiveSample('Пример_1_Простой_SVG', 200, 200)}}

Использование context-fill

diff --git a/files/ru/web/svg/attribute/stroke/index.html b/files/ru/web/svg/attribute/stroke/index.html index 54007db628..0e28dec15b 100644 --- a/files/ru/web/svg/attribute/stroke/index.html +++ b/files/ru/web/svg/attribute/stroke/index.html @@ -45,7 +45,7 @@ translation_of: Web/SVG/Attribute/stroke <path stroke="green" d="M5 20 1215 0" /> </svg> -

{{EmbedLiveSample('Example1_Draw_straight_green_line_using_stroke.', '300', '50', '', 'Web/SVG/Attribute/stroke')}}

+

{{EmbedLiveSample('Пример_1_Нарисуйте_прямую_зелёную_линию_используя_stroke.', '300', '50', '', 'Web/SVG/Attribute/stroke')}}

Пример 2: Нарисуйте чёрный круг с синей рамкой используя stroke.

@@ -53,7 +53,7 @@ translation_of: Web/SVG/Attribute/stroke <circle cx="50" cy="50" r="40" stroke="blue" stroke-width="2" fill="black" /> </svg> -

{{EmbedLiveSample('Example2_Draw_black_circle_with_blue_border_using_stroke.', '100', '120', '', 'Web/SVG/Attribute/stroke')}}

+

{{EmbedLiveSample('Пример_2_Нарисуйте_чёрный_круг_с_синей_рамкой_используя_stroke.', '100', '120', '', 'Web/SVG/Attribute/stroke')}}

Использование context-stroke

diff --git a/files/ru/web/svg/attribute/transform/index.html b/files/ru/web/svg/attribute/transform/index.html index e8379421e2..1bd4b72804 100644 --- a/files/ru/web/svg/attribute/transform/index.html +++ b/files/ru/web/svg/attribute/transform/index.html @@ -78,7 +78,7 @@ translation_of: Web/SVG/Attribute/transform </svg> -

{{EmbedLiveSample("Rotating_and_Translating_an_SVG_element",200,200,"/files/5217/rotate_and_translate_svg.png.png")}}

+

{{EmbedLiveSample("Поворот_и_перенос_SVG-элемента",200,200,"/files/5217/rotate_and_translate_svg.png.png")}}

Общее преобразование

diff --git a/files/ru/web/svg/attribute/viewbox/index.html b/files/ru/web/svg/attribute/viewbox/index.html index a3ad81efdb..2589efe86a 100644 --- a/files/ru/web/svg/attribute/viewbox/index.html +++ b/files/ru/web/svg/attribute/viewbox/index.html @@ -11,6 +11,7 @@ translation_of: Web/SVG/Attribute/viewBox

Значение атрибута viewBox — это набор четырёх чисел: min-x, min-y, width и height, — разделённых пробелами и/или запятой, которые задают прямоугольник в пользовательском пространстве, стороны которого определяют границы окна отображения элемента SVG (не браузера).

+

На отображение с viewBox также влияет атрибут {{ SVGAttr("preserveAspectRatio") }}.

diff --git a/files/ru/web/svg/element/ellipse/index.html b/files/ru/web/svg/element/ellipse/index.html index 4b04443b5e..738b84b2f0 100644 --- a/files/ru/web/svg/element/ellipse/index.html +++ b/files/ru/web/svg/element/ellipse/index.html @@ -15,7 +15,7 @@ original_slug: Web/SVG/Элемент/ellipse
- +
@@ -24,8 +24,8 @@ original_slug: Web/SVG/Элемент/ellipse <ellipse cx="100" cy="50" rx="100" ry="50" /> </svg> -

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

- +

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

+

Атрибуты

diff --git a/files/ru/web/svg/element/feblend/index.html b/files/ru/web/svg/element/feblend/index.html index 371ca3dab7..9a35b98c25 100644 --- a/files/ru/web/svg/element/feblend/index.html +++ b/files/ru/web/svg/element/feblend/index.html @@ -59,7 +59,7 @@ original_slug: Web/SVG/Элемент/feBlend

Результат

-

{{EmbedLiveSample("Example", 200, 200)}}

+

{{EmbedLiveSample("Пример", 200, 200)}}

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

diff --git a/files/ru/web/svg/element/g/index.html b/files/ru/web/svg/element/g/index.html index 2803689e4b..137fab4484 100644 --- a/files/ru/web/svg/element/g/index.html +++ b/files/ru/web/svg/element/g/index.html @@ -28,7 +28,7 @@ original_slug: Web/SVG/Элемент/g </svg> -

{{EmbedLiveSample("Example",220,130)}}

+

{{EmbedLiveSample("Пример",220,130)}}

Атрибуты

diff --git a/files/ru/web/svg/element/radialgradient/index.html b/files/ru/web/svg/element/radialgradient/index.html index eae0f275a3..442ec4581b 100644 --- a/files/ru/web/svg/element/radialgradient/index.html +++ b/files/ru/web/svg/element/radialgradient/index.html @@ -66,7 +66,7 @@ original_slug: Web/SVG/Элемент/radialGradient

Результат

-

{{EmbedLiveSample("Example", 120, 120)}}

+

{{EmbedLiveSample("Пример", 120, 120)}}

Характеристики

-- cgit v1.2.3-54-g00ecf