aboutsummaryrefslogtreecommitdiff
path: root/files/ru/web/css/css_basic_user_interface
diff options
context:
space:
mode:
authorMDN <actions@users.noreply.github.com>2021-11-10 00:49:50 +0000
committerMDN <actions@users.noreply.github.com>2021-11-10 00:49:50 +0000
commitd10da93ad3a7b0ffff88aa57b197b65d6f234018 (patch)
treecbc1dd3284731a8171de16252ac8e79e267fc6e6 /files/ru/web/css/css_basic_user_interface
parent41db9519592a8c29c6ab0864a0ccfff9c8fdce6f (diff)
downloadtranslated-content-d10da93ad3a7b0ffff88aa57b197b65d6f234018.tar.gz
translated-content-d10da93ad3a7b0ffff88aa57b197b65d6f234018.tar.bz2
translated-content-d10da93ad3a7b0ffff88aa57b197b65d6f234018.zip
[CRON] sync translated content
Diffstat (limited to 'files/ru/web/css/css_basic_user_interface')
-rw-r--r--files/ru/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html121
1 files changed, 0 insertions, 121 deletions
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
deleted file mode 100644
index 0592b4bc12..0000000000
--- a/files/ru/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html
+++ /dev/null
@@ -1,121 +0,0 @@
----
-title: Использование URL значений для свойства cursor
-slug: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property
-tags:
- - CSS
- - Gecko
- - Справка
- - справочник
-translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property
-original_slug: >-
- Web/CSS/CSS_Basic_User_Interface/Использование_URL_значений_для_свойства_cursor
----
-<div>{{cssref}}</div>
-
-<p><a href="/en-US/docs/Mozilla/Gecko">Gecko</a> 1.8 (<a href="/en-US/Firefox/Releases/1.5">Firefox 1.5</a>, SeaMonkey 1.0) поддерживает URL-значения для CSS-свойства {{cssxref("cursor")}} в Windows и Linux. Поддержка Mac была добавлена в Gecko 2 (Firefox 4). Это позволяет устанавливать произвольные изображения в качестве курсора мыши — может быть использовать любой формат изображений, поддерживаемый Gecko.</p>
-
-<h3 id="Синтаксис">Синтаксис</h3>
-
-<p>Базовый (CSS 2.1) синтаксис для этого свойства:</p>
-
-<pre class="syntaxbox">cursor: [&lt;url&gt;,]* ключевое_слово</pre>
-
-<p>Это означает, что устанавливать можно любое количество URL-адресов (отделённых запятой), которые должны сопровождаться одним из ключевых слов, определёнными спецификацией CSS, таких как <code>auto</code> или <code>pointer</code>.</p>
-
-<p>Например, такая последовательность значений допустима:</p>
-
-<pre class="brush: css;">cursor: url(foo.cur), url(http://www.example.com/bar.gif), auto;</pre>
-
-<p>В первую очередь браузер пытается загрузить <em>foo.cur</em>. Если такой файл отсутствует или его форма не допустим по каким-то другим причинам, то дальше загружается <em>bar.gif</em>. И если он также не может быть использован, будет использовано значение <code>auto</code>.</p>
-
-<p>Поддержка CSS 3 синтаксиса для указания курсора была добавлена в Gecko 1.8 (Firefox 1.5):</p>
-
-<pre class="syntaxbox">cursor: [&lt;uri&gt; [&lt;x&gt; &lt;y&gt;]?,]* ключевое_слово</pre>
-
-<p>Это позволяет устанавливать координаты смещения курсора, которые буду зафиксированы на границах курсора. Если координаты не указаны, то они считываются непосредственно из файла (для CUR и XBM файлов) или же устанавливаются в левый верхний угол изображения.</p>
-
-<p>Пример CSS 3 синтаксиса:</p>
-
-<pre class="brush: css;">.foo {
- cursor: auto;
- cursor: url(cursor1.png) 4 12, auto;
-}
-
-.bar {
- cursor: pointer;
- cursor: url(cursor2.png) 2 2, pointer;
-}
-
-/* откатываются на 'auto' и 'pointer' в IE, но должны быть установлены отдельны */
-</pre>
-
-<p>Первое число определяет координату по оси x, а вторая - по оси y. Данный пример сместит изображение на точку (4,12) относительно левого верхнего угла (0,0).</p>
-
-<h3 id="Ограничения">Ограничения</h3>
-
-<p>Могут быть использованы любые форматы, поддерживаемые Gecko. Это означает, что вы можете использовать PNG, GIF, JPG, BMP, CUR и т.д. ANI не поддерживается. Анимированные PNG и GIF не добавят анимацию курсору.</p>
-
-<div class="note">
-<p><strong>Примечание:</strong> Начиная с Gecko 2.0 {{geckoRelease("2.0")}}, Gecko также поддерживает формат SVG в качестве изображения курсора. Тем не менее, SVG изображение должно содержать значения (кроме процентных значений) высоты и ширины на корневом <code>SVG</code> узле. JavaScript, CSS-анимация и декларативный SMIL внутри SVG изображения игнорируются; например, вы не можете использовать SVG, чтобы создать анимированный курсор.</p>
-</div>
-
-<p>В Gecko (Firefox) максимальный размер курсора - 128×128 пикселей. Изображения большего размера игнорируются. Однако, вам следую ограничиться размером курсора в 32×32 пикселя для максимальной совместимости с операционными системами и платформами.</p>
-
-<p>(В следствие бага Gecko 1.9.2-1.9.2.6, Firefox 3.6-3.6.6 в Windows ограничивает размер в 32x32 пикселя. Это исправляется в более новых версиях.)</p>
-
-<p>Прозрачные курсоры не поддерживаются в версиях Windows ниже XP. Это ограничение для операционной системы. Прозрачность работает на любых платформах.</p>
-
-<p>URL в качестве курсора поддерживаются в Windows, OS/2, и Linux (с использованием GTK+ 2.4 или выше) версиях Mozilla. Поддержка Mac OS X была добавлена в Gecko 2 (Firefox 4).</p>
-
-<h3 id="Совместимость_с_другими_браузерами">Совместимость с другими браузерами</h3>
-
-<p>Microsoft Internet Explorer 6.0 также поддерживает URI значения для свойства <code>cursor</code>. Тем не менее:</p>
-
-<ul>
- <li>IE поддерживает только CUR и ANI форматы.</li>
- <li>IE не поддерживает CSS 3 синтаксис с x- и y-координатами. Изображение курсора и дальнейшее свойство игнорируются.</li>
-</ul>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>Браузер</th>
- <th>Ранняя версия</th>
- <th>Форматы</th>
- <th>x-y-координаты</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td><strong>6.0</strong></td>
- <td><code>.cur | .ani</code></td>
- <td>---</td>
- </tr>
- <tr>
- <td>Firefox (Gecko), Windows и Linux</td>
- <td><strong>1.5</strong> (1.8)</td>
- <td><code>.cur | .png | .gif | .jpg</code></td>
- <td>1.5 (1.8)</td>
- </tr>
- <tr>
- <td>Firefox (Gecko)</td>
- <td><strong>4.0</strong> (2.0)</td>
- <td><code>.cur | .png | .gif | .jpg | .svg</code></td>
- <td>(Gecko 2.0)</td>
- </tr>
- <tr>
- <td>Opera</td>
- <td>---</td>
- <td>---</td>
- <td>---</td>
- </tr>
- <tr>
- <td rowspan="2">Safari (Webkit)</td>
- <td><strong>3.0</strong> (522-523)</td>
- <td><code>.cur | .png | .gif | .jpg</code></td>
- <td rowspan="2">3.0 (522-523)</td>
- </tr>
- <tr>
- <td colspan="2">Начиная с OS X 10.5, Safari (Mac) поддерживает <code> .cur </code>файлы</td>
- </tr>
- </tbody>
-</table>