From 374a039b97a11ee7306539d16aaab27fed66b398 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Wed, 27 Oct 2021 02:20:30 +0300 Subject: [RU] Fix some live samples (#2873) --- files/ru/web/html/element/input/range/index.html | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) (limited to 'files/ru/web/html') diff --git a/files/ru/web/html/element/input/range/index.html b/files/ru/web/html/element/input/range/index.html index 781766483d..a3fcca88d8 100644 --- a/files/ru/web/html/element/input/range/index.html +++ b/files/ru/web/html/element/input/range/index.html @@ -294,7 +294,7 @@ translation_of: Web/HTML/Element/input/range

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

-
<input type="range" id="volume" min="0" max="11" value="7" step="1">
+
<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")}}

@@ -308,14 +308,14 @@ translation_of: Web/HTML/Element/input/range

CSS

-
#volume {
+
#volume {
   height: 150px;
   width: 50px;
 }

HTML

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

Результат

@@ -371,7 +371,7 @@ translation_of: Web/HTML/Element/input/range

Используем тот же HTML что и в предыдущем примере:

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

CSS

@@ -392,7 +392,7 @@ translation_of: Web/HTML/Element/input/range

Используем тот же HTML что и в предыдущем примере и добавляем атрибут со значением vertical:

-
<input type="range" min="0" max="11" value="7" step="1" orient="vertical">
+
<input type="range" min="0" max="11" value="7" step="1" orient="vertical">
 

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

@@ -405,14 +405,14 @@ translation_of: Web/HTML/Element/input/range

Используем тот же HTML что и в предыдущем примере:

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

CSS

Берём только те инпуты что имеют тип range, меняем writing mode с default на bt-lr, или bottom-to-top и left-to-right:

-
input[type="range"] {
+
input[type="range"] {
   writing-mode: bt-lr;
 }
@@ -426,14 +426,14 @@ translation_of: Web/HTML/Element/input/range

Оставим orient атрибут  со значением vertical для Firefox:

-
<input type="range" min="0" max="11" value="7" step="1" orient="vertical">
+
<input type="range" min="0" max="11" value="7" step="1" orient="vertical">
 

CSS

Берём только те инпуты что имеют тип range, меняем writing mode с default на bt-lr, или bottom-to-top и left-to-right, для Edge и Internet Explorer, и добавляем -webkit-appearance: slider-vertical для всех -webkit-based браузеров:

-
input[type="range"] {
+
input[type="range"] {
   writing-mode: bt-lr;
   -webkit-appearance: slider-vertical;
 }
-- cgit v1.2.3-54-g00ecf