From d10da93ad3a7b0ffff88aa57b197b65d6f234018 Mon Sep 17 00:00:00 2001 From: MDN Date: Wed, 10 Nov 2021 00:49:50 +0000 Subject: [CRON] sync translated content --- files/es/_redirects.txt | 5 +- files/es/_wikihistory.json | 16 +-- files/es/conflicting/web/css/cursor/index.html | 40 +++++++ .../index.html | 40 ------- files/fr/_redirects.txt | 11 +- files/fr/_wikihistory.json | 26 ++--- files/fr/conflicting/web/css/cursor/index.md | 102 +++++++++++++++++ .../index.md | 102 ----------------- files/ja/_redirects.txt | 7 +- files/ja/_wikihistory.json | 16 +-- files/ja/conflicting/web/css/cursor/index.md | 124 ++++++++++++++++++++ .../index.md | 123 -------------------- files/ko/_redirects.txt | 9 +- files/ko/_wikihistory.json | 18 +-- files/ko/conflicting/web/css/cursor/index.html | 71 ++++++++++++ .../index.html | 71 ------------ files/pl/_redirects.txt | 5 +- files/pl/_wikihistory.json | 20 ++-- files/pl/conflicting/web/css/cursor/index.html | 42 +++++++ .../index.html | 42 ------- files/ru/_redirects.txt | 5 +- files/ru/_wikihistory.json | 16 +-- files/ru/conflicting/web/css/cursor/index.html | 120 ++++++++++++++++++++ .../index.html | 121 -------------------- files/zh-cn/_redirects.txt | 5 +- files/zh-cn/_wikihistory.json | 16 +-- files/zh-cn/conflicting/web/css/cursor/index.html | 126 +++++++++++++++++++++ .../index.html | 126 --------------------- 28 files changed, 708 insertions(+), 717 deletions(-) create mode 100644 files/es/conflicting/web/css/cursor/index.html delete mode 100644 files/es/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html create mode 100644 files/fr/conflicting/web/css/cursor/index.md delete mode 100644 files/fr/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.md create mode 100644 files/ja/conflicting/web/css/cursor/index.md delete mode 100644 files/ja/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.md create mode 100644 files/ko/conflicting/web/css/cursor/index.html delete mode 100644 files/ko/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html create mode 100644 files/pl/conflicting/web/css/cursor/index.html delete mode 100644 files/pl/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html create mode 100644 files/ru/conflicting/web/css/cursor/index.html delete mode 100644 files/ru/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html create mode 100644 files/zh-cn/conflicting/web/css/cursor/index.html delete mode 100644 files/zh-cn/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html (limited to 'files') diff --git a/files/es/_redirects.txt b/files/es/_redirects.txt index 1f7c5887bb..ed54c3c834 100644 --- a/files/es/_redirects.txt +++ b/files/es/_redirects.txt @@ -1502,7 +1502,7 @@ /es/docs/Using_files_from_web_applications /es/docs/Web/API/File/Using_files_from_web_applications /es/docs/Using_geolocation /es/docs/Web/API/Geolocation_API /es/docs/Using_the_W3C_DOM_Level_1_Core /es/docs/Web/API/Document_object_model/Using_the_W3C_DOM_Level_1_Core -/es/docs/Uso_de_URL_como_valor_de_la_propiedad_cursor /es/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/es/docs/Uso_de_URL_como_valor_de_la_propiedad_cursor /es/docs/conflicting/Web/CSS/cursor /es/docs/Web/API/API_de_almacenamiento_web /es/docs/Web/API/Web_Storage_API /es/docs/Web/API/API_de_almacenamiento_web/Usando_la_API_de_almacenamiento_web /es/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API /es/docs/Web/API/API_del_portapapeles /es/docs/Web/API/Clipboard_API @@ -1641,6 +1641,7 @@ /es/docs/Web/CSS/CSS_Background_and_Borders/Border-image_generator /es/docs/Web/CSS/CSS_Backgrounds_and_Borders/Border-image_generator /es/docs/Web/CSS/CSS_Background_and_Borders/Border-radius_generator /es/docs/Web/CSS/CSS_Backgrounds_and_Borders/Border-radius_generator /es/docs/Web/CSS/CSS_Background_and_Borders/Using_CSS_multiple_backgrounds /es/docs/Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds +/es/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property /es/docs/conflicting/Web/CSS/cursor /es/docs/Web/CSS/CSS_Colors /es/docs/Web/CSS/CSS_Color /es/docs/Web/CSS/CSS_Colors/Herramienta_para_seleccionar_color /es/docs/Web/CSS/CSS_Colors/Color_picker_tool /es/docs/Web/CSS/CSS_Flexible_Box_Layout/Casos_de_uso_tipicos_de_Flexbox. /es/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox @@ -1699,7 +1700,7 @@ /es/docs/Web/CSS/before /es/docs/Web/CSS/::before /es/docs/Web/CSS/calc /es/docs/Web/CSS/calc() /es/docs/Web/CSS/capacidad_de_animacion_de_propiedades_CSS /es/docs/Web/CSS -/es/docs/Web/CSS/cursor/Uso_de_URL_como_valor_de_la_propiedad_cursor /es/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/es/docs/Web/CSS/cursor/Uso_de_URL_como_valor_de_la_propiedad_cursor /es/docs/conflicting/Web/CSS/cursor /es/docs/Web/CSS/env /es/docs/Web/CSS/env() /es/docs/Web/CSS/filter-function/blur /es/docs/Web/CSS/filter-function/blur() /es/docs/Web/CSS/filter-function/brightness /es/docs/Web/CSS/filter-function/brightness() diff --git a/files/es/_wikihistory.json b/files/es/_wikihistory.json index 0621825c2c..1d531642a3 100644 --- a/files/es/_wikihistory.json +++ b/files/es/_wikihistory.json @@ -10661,15 +10661,6 @@ "israel-munoz" ] }, - "Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property": { - "modified": "2019-03-24T00:04:04.275Z", - "contributors": [ - "teoli", - "fscholz", - "Mgjbot", - "Jorolo" - ] - }, "Web/CSS/CSS_Box_Model": { "modified": "2019-03-23T22:37:33.458Z", "contributors": [ @@ -21530,9 +21521,12 @@ ] }, "conflicting/Web/CSS/cursor": { - "modified": "2019-03-23T22:35:57.612Z", + "modified": "2019-03-24T00:04:04.275Z", "contributors": [ - "pekechis" + "teoli", + "fscholz", + "Mgjbot", + "Jorolo" ] }, "conflicting/Web/CSS/font-variant": { diff --git a/files/es/conflicting/web/css/cursor/index.html b/files/es/conflicting/web/css/cursor/index.html new file mode 100644 index 0000000000..9d575919c1 --- /dev/null +++ b/files/es/conflicting/web/css/cursor/index.html @@ -0,0 +1,40 @@ +--- +title: Uso de URL como valor de la propiedad cursor +slug: conflicting/Web/CSS/cursor +tags: + - CSS + - Todas_las_Categorías +translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +original_slug: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +--- +

Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) soporta el uso de URLs como valores para la propiedad cursor (CSS2). Esto nos permite definir la imagen que queremos como puntero del ratón, además podemos usar cualquiera de los formatos gráficos soportados por Gecko.

+

Sintaxis

+

La sintaxis de esta propiedad es:

+
cursor: [<url>,]* cursor-genérico;
+
+

Esto es, se pueden indicar cero o más direcciones URL (separadas por comas), que deben ser seguidas de uno de los cursores genéricos definidos en la especificación, por ej. help o pointer.

+

Los siguientes valores están permitidos:

+
cursor: url(foo.cur), url(http://developer.mozilla.org/wiki-images/es/e/ed/firefox.jpg), help;
+
+

Primero se intentará cargar foo.cur. Si este archivo no existe o no es válido por alguna otra razón, se probará con firefox.jpg, y si este tampoco puede ser cargado, se usará help.

+

El soporte a la sintaxis de CSS3 para los valores de cursor fue añadido en Gecko 1.8beta3; por lo tanto en Firefox 1.5 funciona. Esto permite especificar las coordenadas del punto en el que la imagen del cursor es fijada al área activa. Si no se especifican, las coordenadas del punto de contacto son tomadas del propio archivo (para archivos CUR y XBM) o se fijan en la esquina superior izquierda de la imagen.

+

Un ejemplo de la sintaxis CSS3:

+
cursor: url(http://developer.mozilla.org/wiki-images/es/e/ed/firefox.jpg), auto;
+
+cursor: url(http://developer.mozilla.org/wiki-images/es/e/ed/firefox.jpg) 90 90, auto;
+
+


+ El primer número es la coordenada X, y el segundo la coordenada Y. El ejemplo anterior pone el punto de contacto del área activa a (90,90) píxeles de la esquina superior izquierda (0,0).

+

Limitaciones

+

Pueden usarse todos los formatos gráficos soportados por Gecko. Por lo tanto puede usar imágenes PNG, JPG, CUR, GIF, etc. Sin embargo, ANI no está soportado. Además, si especifica un GIF animado, el cursor usará el GIF, pero sin animación. Esta limitación podría ser superada en futuras versiones.

+

Gecko no limita el tamaño de los cursores. Sin embargo, quien busque la máxima compatibilidad multiplataforma debería limitarlos a un tamaño de 32x32, los cursores más grandes no funcionarán en Windows 9x (95, 98, MÍ).

+

Los cursores translúcidos no estan soportados en las versiones de Windows anteriores a XP. Esto es una limitación del sistema operativo. La transparencia funciona en todas las plataformas.

+

Solo las versiones de Mozilla para Windows, OS/2 y GNU/Linux (usando GTK+ 2.4 o superior) soportan valores URL para los cursores. El soporte en otras plataformas podría ser añadido en futuras versiones: (Mac OS: {{ Bug(286304) }}, QNX Neutrino: {{ Bug(286307) }}, XLib: {{ Bug(286309) }}, Qt: {{ Bug(286310) }}, BeOS: {{ Bug(298184) }}, GTK 2.0/2.2: {{ Bug(308536) }})

+

Compatibilidad con otros navegadores

+

Microsoft Internet Explorer también soporta URI como valor para la propiedad cursor. Sin embargo, solo soporta los formatos gráficos CUR y ANI. Además, es menos estricto con la sintaxis de la propiedad cursor. Esto significa que declaraciones como:

+
cursor: url(foo.cur);
+
+

O:

+
cursor: url(foo.cur), pointer, url(bar.cur), auto;
+
+

funcionarán en MSIE, pero no lo harán en los navegadores basados en Gecko. Para ser compatible con Gecko y actuar conforme a la especificación de CSS2.1, ponga la lista de URIs primero, y ponga siempre un cursor genérico al final. : ''To-do: document what MSIE does with CSS 3 hotspot locations''

diff --git a/files/es/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html b/files/es/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html deleted file mode 100644 index ba59e38ced..0000000000 --- a/files/es/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html +++ /dev/null @@ -1,40 +0,0 @@ ---- -title: Uso de URL como valor de la propiedad cursor -slug: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property -tags: - - CSS - - Todas_las_Categorías -translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property -original_slug: Web/CSS/cursor/Uso_de_URL_como_valor_de_la_propiedad_cursor ---- -

Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) soporta el uso de URLs como valores para la propiedad cursor (CSS2). Esto nos permite definir la imagen que queremos como puntero del ratón, además podemos usar cualquiera de los formatos gráficos soportados por Gecko.

-

Sintaxis

-

La sintaxis de esta propiedad es:

-
cursor: [<url>,]* cursor-genérico;
-
-

Esto es, se pueden indicar cero o más direcciones URL (separadas por comas), que deben ser seguidas de uno de los cursores genéricos definidos en la especificación, por ej. help o pointer.

-

Los siguientes valores están permitidos:

-
cursor: url(foo.cur), url(http://developer.mozilla.org/wiki-images/es/e/ed/firefox.jpg), help;
-
-

Primero se intentará cargar foo.cur. Si este archivo no existe o no es válido por alguna otra razón, se probará con firefox.jpg, y si este tampoco puede ser cargado, se usará help.

-

El soporte a la sintaxis de CSS3 para los valores de cursor fue añadido en Gecko 1.8beta3; por lo tanto en Firefox 1.5 funciona. Esto permite especificar las coordenadas del punto en el que la imagen del cursor es fijada al área activa. Si no se especifican, las coordenadas del punto de contacto son tomadas del propio archivo (para archivos CUR y XBM) o se fijan en la esquina superior izquierda de la imagen.

-

Un ejemplo de la sintaxis CSS3:

-
cursor: url(http://developer.mozilla.org/wiki-images/es/e/ed/firefox.jpg), auto;
-
-cursor: url(http://developer.mozilla.org/wiki-images/es/e/ed/firefox.jpg) 90 90, auto;
-
-


- El primer número es la coordenada X, y el segundo la coordenada Y. El ejemplo anterior pone el punto de contacto del área activa a (90,90) píxeles de la esquina superior izquierda (0,0).

-

Limitaciones

-

Pueden usarse todos los formatos gráficos soportados por Gecko. Por lo tanto puede usar imágenes PNG, JPG, CUR, GIF, etc. Sin embargo, ANI no está soportado. Además, si especifica un GIF animado, el cursor usará el GIF, pero sin animación. Esta limitación podría ser superada en futuras versiones.

-

Gecko no limita el tamaño de los cursores. Sin embargo, quien busque la máxima compatibilidad multiplataforma debería limitarlos a un tamaño de 32x32, los cursores más grandes no funcionarán en Windows 9x (95, 98, MÍ).

-

Los cursores translúcidos no estan soportados en las versiones de Windows anteriores a XP. Esto es una limitación del sistema operativo. La transparencia funciona en todas las plataformas.

-

Solo las versiones de Mozilla para Windows, OS/2 y GNU/Linux (usando GTK+ 2.4 o superior) soportan valores URL para los cursores. El soporte en otras plataformas podría ser añadido en futuras versiones: (Mac OS: {{ Bug(286304) }}, QNX Neutrino: {{ Bug(286307) }}, XLib: {{ Bug(286309) }}, Qt: {{ Bug(286310) }}, BeOS: {{ Bug(298184) }}, GTK 2.0/2.2: {{ Bug(308536) }})

-

Compatibilidad con otros navegadores

-

Microsoft Internet Explorer también soporta URI como valor para la propiedad cursor. Sin embargo, solo soporta los formatos gráficos CUR y ANI. Además, es menos estricto con la sintaxis de la propiedad cursor. Esto significa que declaraciones como:

-
cursor: url(foo.cur);
-
-

O:

-
cursor: url(foo.cur), pointer, url(bar.cur), auto;
-
-

funcionarán en MSIE, pero no lo harán en los navegadores basados en Gecko. Para ser compatible con Gecko y actuar conforme a la especificación de CSS2.1, ponga la lista de URIs primero, y ponga siempre un cursor genérico al final. : ''To-do: document what MSIE does with CSS 3 hotspot locations''

diff --git a/files/fr/_redirects.txt b/files/fr/_redirects.txt index 7452922d98..bca386390e 100644 --- a/files/fr/_redirects.txt +++ b/files/fr/_redirects.txt @@ -3436,7 +3436,7 @@ /fr/docs/Une_réintroduction_à_JavaScript /fr/docs/Web/JavaScript/A_re-introduction_to_JavaScript /fr/docs/Using_files_from_web_applications /fr/docs/Web/API/File/Using_files_from_web_applications /fr/docs/Using_geolocation /fr/docs/Web/API/Geolocation_API -/fr/docs/Utilisation_d'URL_pour_la_propriété_cursor /fr/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/fr/docs/Utilisation_d'URL_pour_la_propriété_cursor /fr/docs/conflicting/Web/CSS/cursor /fr/docs/Utilisation_d'audio_et_video_dans_Firefox /fr/docs/conflicting/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content_040b1c36f4218ba488ffb0284dfe52bf /fr/docs/Utilisation_de_XPath /fr/docs/conflicting/Web/XPath/Introduction_to_using_XPath_in_JavaScript /fr/docs/Utilisation_de_dégradés /fr/docs/Web/CSS/CSS_Images/Using_CSS_gradients @@ -3963,7 +3963,8 @@ /fr/docs/Web/CSS/CSS_Background_and_Borders/Utiliser_des_fonds_multiples /fr/docs/Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds /fr/docs/Web/CSS/CSS_Backgrounds_and_Borders/Scaling_background_images /fr/docs/Web/CSS/CSS_Backgrounds_and_Borders/Resizing_background_images /fr/docs/Web/CSS/CSS_Backgrounds_and_Borders/Utiliser_plusieurs_arrière-plans /fr/docs/Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds -/fr/docs/Web/CSS/CSS_Basic_User_Interface/Utilisation_d_URL_pour_la_propriété_cursor /fr/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/fr/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property /fr/docs/conflicting/Web/CSS/cursor +/fr/docs/Web/CSS/CSS_Basic_User_Interface/Utilisation_d_URL_pour_la_propriété_cursor /fr/docs/conflicting/Web/CSS/cursor /fr/docs/Web/CSS/CSS_Box_Alignment/Alignement_boîtes_disposition_Flexbox /fr/docs/Web/CSS/CSS_Box_Alignment/Box_Alignment_in_Flexbox /fr/docs/Web/CSS/CSS_Box_Alignment/Alignement_boîtes_disposition_bloc_absolue_tableau /fr/docs/Web/CSS/CSS_Box_Alignment/Box_Alignment_In_Block_Abspos_Tables /fr/docs/Web/CSS/CSS_Box_Alignment/Alignement_boîtes_disposition_colonnes /fr/docs/Web/CSS/CSS_Box_Alignment/Box_Alignment_in_Multi-column_Layout @@ -4029,7 +4030,7 @@ /fr/docs/Web/CSS/CSS_Transforms/Utilisation_des_transformations_CSS /fr/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms /fr/docs/Web/CSS/CSS_Transitions/Utiliser_transitions_CSS /fr/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions /fr/docs/Web/CSS/CSS_User_Interface /fr/docs/Web/CSS/CSS_Basic_User_Interface -/fr/docs/Web/CSS/CSS_User_Interface/Utilisation_d_URL_pour_la_propriété_cursor /fr/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/fr/docs/Web/CSS/CSS_User_Interface/Utilisation_d_URL_pour_la_propriété_cursor /fr/docs/conflicting/Web/CSS/cursor /fr/docs/Web/CSS/CSS_percentage_values /fr/docs/Web/CSS /fr/docs/Web/CSS/CSS_questions_frequentes /fr/docs/Learn/CSS/Howto/CSS_FAQ /fr/docs/Web/CSS/CSS_values_serialization /fr/docs/Web/CSS @@ -4185,8 +4186,8 @@ /fr/docs/Web/CSS/counter_fonction /fr/docs/Web/CSS/counter() /fr/docs/Web/CSS/counters /fr/docs/Web/CSS/counters() /fr/docs/Web/CSS/cross-fade /fr/docs/Web/CSS/cross-fade() -/fr/docs/Web/CSS/cursor/Utilisation_d'URL_pour_la_propriété_cursor /fr/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property -/fr/docs/Web/CSS/cursor/Utilisation_d_URL_pour_la_propriété_cursor /fr/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/fr/docs/Web/CSS/cursor/Utilisation_d'URL_pour_la_propriété_cursor /fr/docs/conflicting/Web/CSS/cursor +/fr/docs/Web/CSS/cursor/Utilisation_d_URL_pour_la_propriété_cursor /fr/docs/conflicting/Web/CSS/cursor /fr/docs/Web/CSS/element /fr/docs/Web/CSS/element() /fr/docs/Web/CSS/env /fr/docs/Web/CSS/env() /fr/docs/Web/CSS/filter-function/blur /fr/docs/Web/CSS/filter-function/blur() diff --git a/files/fr/_wikihistory.json b/files/fr/_wikihistory.json index 24a6eb7ebe..cedc9862b2 100644 --- a/files/fr/_wikihistory.json +++ b/files/fr/_wikihistory.json @@ -24438,21 +24438,6 @@ "ExE-Boss" ] }, - "Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property": { - "modified": "2019-04-06T12:43:13.926Z", - "contributors": [ - "SphinxKnight", - "ExE-Boss", - "teoli", - "Kyodev", - "Mgjbot", - "Sheppy", - "BenoitL", - "Fredchat", - "Learning", - "Chbok" - ] - }, "Web/CSS/CSS_Box_Alignment": { "modified": "2019-04-06T12:42:39.208Z", "contributors": [ @@ -43444,13 +43429,18 @@ ] }, "conflicting/Web/CSS/cursor": { - "modified": "2019-04-05T07:25:43.783Z", + "modified": "2019-04-06T12:43:13.926Z", "contributors": [ "SphinxKnight", + "ExE-Boss", "teoli", - "FredB", "Kyodev", - "Fredchat" + "Mgjbot", + "Sheppy", + "BenoitL", + "Fredchat", + "Learning", + "Chbok" ] }, "conflicting/Web/CSS/float": { diff --git a/files/fr/conflicting/web/css/cursor/index.md b/files/fr/conflicting/web/css/cursor/index.md new file mode 100644 index 0000000000..e77670e4ce --- /dev/null +++ b/files/fr/conflicting/web/css/cursor/index.md @@ -0,0 +1,102 @@ +--- +title: Utilisation d'URL pour la propriété cursor +slug: conflicting/Web/CSS/cursor +tags: + - CSS + - Débutant + - Guide +translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +original_slug: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +--- +{{CSSRef}} + +Gecko 1.8 ({{geckoRelease("1.8")}} prend en charge des valeurs d'URL pour manipuler la propriété {{cssxref("cursor")}}. Ceci permet de définir des images arbitraires comme curseurs de souris — n'importe quel format d'image géré par Gecko peut être utilisé. + +## Syntaxe + +La syntaxe de base (CSS 2.1) pour cette propriété est : + + {{CSSxRef("cursor")}}: [ {{CSSxRef("<url>")}} , ]* {{CSSxRef("cursor", "<keyword>", "#Valeurs")}} + +Ceci signifie que zéro URL ou plus peuvent être définies en étant séparées par des virgules et doivent être suivies par un des mots-clés comme `auto` ou `pointer`. + +On pourra ainsi utiliser : + +```css +cursor: url(toto.cur), url(http://www.exemple.org/truc.gif), auto; +``` + +En utilisant cette règle, le moteur essaiera d'abord de charger `toto.cur`. Si ce fichier n'existe pas ou si, pour une autre raison, l'URL n'est pas valable, ce sera celle de `truc.gif` qui sera essayée. Si cette valeur ne peut pas être utilisée non plus, le curseur correspondant à la valeur `auto` sera utilisé. + +Le support de la [syntaxe](https://www.w3.org/TR/css3-ui/#cursor) CSS3 pour les valeurs du curseur a été ajoutée à partir de Firefox 1.5. + + {{CSSxRef("cursor")}}: [ {{CSSxRef("<uri>")}} [ ]? , ]* {{CSSxRef("cursor", "<keyword>", "#Valeurs")}} + +Cette syntaxe permet d'indiquer les coordonnées des points chauds du curseur qui seront maintenues aux frontières de l'image du curseur. Si aucun n'est indiqué, les coordonnées du point chaud sont lus à partir du fichier lui-même (pour les fichier CUR et XBM) ou sont réglés au coin supérieur gauche de l'image. Un exemple de la syntaxe CSS3 est: + + cursor: url(toto.png) 4 12, auto; + +Le premier nombre est la coordonnée _x_, le second numéro est la coordonnée _y_. L'exemple va régler le point chaud afin d'être le pixel (4,12) par rapport au (0,0) en haut à gauche. + +## Limitations + +Tous les formats d'image pris en charge par Gecko peuvent être utilisés : PNG, GIF, JPG, BMP, CUR, etc. Le format ANI n'est pas pris en charge et les images animées PNG ou GIF ne créeront pas de curseurs animés. + +> **Note :** À partir de Gecko 2.0 {{geckoRelease("2.0")}}, Gecko prend en charge les images SVG pour les curseurs. Mais les dimensions de l'image SVG doivent être explicites et non relative. Les instructions JavaScript ou CSS, les déclarations SMIL contenues dans l'image SVG sont ignorées. SVG ne peut donc pas être utilisé pour créer un curseur animé. + +Pour Gecko, la taille limite des curseurs est 128 pixels par 128 pixels. Les images plus grandes seront ignorées. Toutefois, certains systèmes d'exploitation sont limités à des images de 32 pixels par 32 pixels. + +Les curseurs translucides ne sont pas pris en charge par Windows avant Windows XP. + +## Compatibilité des navigateurs + +Microsoft Internet Explorer 6.0 prend également en charge les valeurs URI pour la propriété `cursor`. Toutefois : + +- IE ne prend en charge que les formats CUR et ANI +- IE ne prend pas en charge la syntaxe CSS3 avec les coordonnées x et y. L'image du curseur et le reste de la propriété sont alors ignorés. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NavigateurVersion minimumFormatsCoordonnées x-y
Internet Explorer6.0.cur | .ani---
Firefox (Gecko), Windows et Linux1.5 (1.8).cur | .png | .gif | .jpg1.5 (1.8)
Firefox (Gecko)4.0 (2.0).cur | .png | .gif | .jpg | .svg(Gecko 2.0)
Opera---------
Safari (Webkit)3.0 (522-523).cur | .png | .gif | .jpg3.0 (522-523)
+ OS X 10.5 pour la prise en charge des fichiers .cur +
diff --git a/files/fr/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.md b/files/fr/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.md deleted file mode 100644 index bd1938e714..0000000000 --- a/files/fr/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.md +++ /dev/null @@ -1,102 +0,0 @@ ---- -title: Utilisation d'URL pour la propriété cursor -slug: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property -tags: - - CSS - - Débutant - - Guide -translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property -original_slug: Web/CSS/CSS_Basic_User_Interface/Utilisation_d_URL_pour_la_propriété_cursor ---- -{{CSSRef}} - -Gecko 1.8 ({{geckoRelease("1.8")}} prend en charge des valeurs d'URL pour manipuler la propriété {{cssxref("cursor")}}. Ceci permet de définir des images arbitraires comme curseurs de souris — n'importe quel format d'image géré par Gecko peut être utilisé. - -## Syntaxe - -La syntaxe de base (CSS 2.1) pour cette propriété est : - - {{CSSxRef("cursor")}}: [ {{CSSxRef("<url>")}} , ]* {{CSSxRef("cursor", "<keyword>", "#Valeurs")}} - -Ceci signifie que zéro URL ou plus peuvent être définies en étant séparées par des virgules et doivent être suivies par un des mots-clés comme `auto` ou `pointer`. - -On pourra ainsi utiliser : - -```css -cursor: url(toto.cur), url(http://www.exemple.org/truc.gif), auto; -``` - -En utilisant cette règle, le moteur essaiera d'abord de charger `toto.cur`. Si ce fichier n'existe pas ou si, pour une autre raison, l'URL n'est pas valable, ce sera celle de `truc.gif` qui sera essayée. Si cette valeur ne peut pas être utilisée non plus, le curseur correspondant à la valeur `auto` sera utilisé. - -Le support de la [syntaxe](https://www.w3.org/TR/css3-ui/#cursor) CSS3 pour les valeurs du curseur a été ajoutée à partir de Firefox 1.5. - - {{CSSxRef("cursor")}}: [ {{CSSxRef("<uri>")}} [ ]? , ]* {{CSSxRef("cursor", "<keyword>", "#Valeurs")}} - -Cette syntaxe permet d'indiquer les coordonnées des points chauds du curseur qui seront maintenues aux frontières de l'image du curseur. Si aucun n'est indiqué, les coordonnées du point chaud sont lus à partir du fichier lui-même (pour les fichier CUR et XBM) ou sont réglés au coin supérieur gauche de l'image. Un exemple de la syntaxe CSS3 est: - - cursor: url(toto.png) 4 12, auto; - -Le premier nombre est la coordonnée _x_, le second numéro est la coordonnée _y_. L'exemple va régler le point chaud afin d'être le pixel (4,12) par rapport au (0,0) en haut à gauche. - -## Limitations - -Tous les formats d'image pris en charge par Gecko peuvent être utilisés : PNG, GIF, JPG, BMP, CUR, etc. Le format ANI n'est pas pris en charge et les images animées PNG ou GIF ne créeront pas de curseurs animés. - -> **Note :** À partir de Gecko 2.0 {{geckoRelease("2.0")}}, Gecko prend en charge les images SVG pour les curseurs. Mais les dimensions de l'image SVG doivent être explicites et non relative. Les instructions JavaScript ou CSS, les déclarations SMIL contenues dans l'image SVG sont ignorées. SVG ne peut donc pas être utilisé pour créer un curseur animé. - -Pour Gecko, la taille limite des curseurs est 128 pixels par 128 pixels. Les images plus grandes seront ignorées. Toutefois, certains systèmes d'exploitation sont limités à des images de 32 pixels par 32 pixels. - -Les curseurs translucides ne sont pas pris en charge par Windows avant Windows XP. - -## Compatibilité des navigateurs - -Microsoft Internet Explorer 6.0 prend également en charge les valeurs URI pour la propriété `cursor`. Toutefois : - -- IE ne prend en charge que les formats CUR et ANI -- IE ne prend pas en charge la syntaxe CSS3 avec les coordonnées x et y. L'image du curseur et le reste de la propriété sont alors ignorés. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NavigateurVersion minimumFormatsCoordonnées x-y
Internet Explorer6.0.cur | .ani---
Firefox (Gecko), Windows et Linux1.5 (1.8).cur | .png | .gif | .jpg1.5 (1.8)
Firefox (Gecko)4.0 (2.0).cur | .png | .gif | .jpg | .svg(Gecko 2.0)
Opera---------
Safari (Webkit)3.0 (522-523).cur | .png | .gif | .jpg3.0 (522-523)
- OS X 10.5 pour la prise en charge des fichiers .cur -
diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt index 596532827e..799f06be84 100644 --- a/files/ja/_redirects.txt +++ b/files/ja/_redirects.txt @@ -559,7 +559,7 @@ /ja/docs/CSS_Reference/Mozilla_Extensions /ja/docs/Web/CSS/Mozilla_Extensions /ja/docs/CSS_Reference:Mozilla_Extensions /ja/docs/Web/CSS/Mozilla_Extensions /ja/docs/CSS_User_Interface /ja/docs/Web/CSS/CSS_Basic_User_Interface -/ja/docs/CSS_User_Interface/Using_URL_values_for_the_cursor_property /ja/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/ja/docs/CSS_User_Interface/Using_URL_values_for_the_cursor_property /ja/docs/conflicting/Web/CSS/cursor /ja/docs/Canvas /ja/docs/Web/API/Canvas_API /ja/docs/Canvas/Text /ja/docs/Web/API/Canvas_API/Tutorial/Drawing_text /ja/docs/Canvas:Text /ja/docs/Web/API/Canvas_API/Tutorial/Drawing_text @@ -2968,7 +2968,7 @@ /ja/docs/Using_HTML5_audio_and_video /ja/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content /ja/docs/Using_HTML5_audio_and_video-redirect-1 /ja/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content /ja/docs/Using_HTML5_audio_and_video_in_Firefox /ja/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content -/ja/docs/Using_URL_values_for_the_cursor_property /ja/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/ja/docs/Using_URL_values_for_the_cursor_property /ja/docs/conflicting/Web/CSS/cursor /ja/docs/Using_XMLHttpRequest /ja/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest /ja/docs/Using_XPath /ja/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript /ja/docs/Using_audio_and_video_in_Firefox /ja/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content @@ -3641,6 +3641,7 @@ /ja/docs/Web/CSS/CSS_Background_and_Borders/Border-radius_generator /ja/docs/Web/CSS/CSS_Backgrounds_and_Borders/Border-radius_generator /ja/docs/Web/CSS/CSS_Background_and_Borders/Using_CSS_multiple_backgrounds /ja/docs/Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds /ja/docs/Web/CSS/CSS_Backgrounds_and_Borders/Scaling_background_images /ja/docs/Web/CSS/CSS_Backgrounds_and_Borders/Resizing_background_images +/ja/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property /ja/docs/conflicting/Web/CSS/cursor /ja/docs/Web/CSS/CSS_Colors /ja/docs/Web/CSS/CSS_Color /ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Advanced_layouts_with_flexbox /ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Backwards_Compatibility_of_Flexbox /ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Mixins /ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Backwards_Compatibility_of_Flexbox @@ -3654,7 +3655,7 @@ /ja/docs/Web/CSS/CSS_Selectors/Comparison_with_XPath /ja/docs/Web/XPath/Comparison_with_CSS_selectors /ja/docs/Web/CSS/CSS_Shapes/Shapes_From_Box_Values /ja/docs/Web/CSS/CSS_Shapes/From_box_values /ja/docs/Web/CSS/CSS_User_Interface /ja/docs/Web/CSS/CSS_Basic_User_Interface -/ja/docs/Web/CSS/CSS_User_Interface/Using_URL_values_for_the_cursor_property /ja/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/ja/docs/Web/CSS/CSS_User_Interface/Using_URL_values_for_the_cursor_property /ja/docs/conflicting/Web/CSS/cursor /ja/docs/Web/CSS/CSS_transforms_の利用 /ja/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms /ja/docs/Web/CSS/CSS_values_serialization /ja/docs/Web/CSS /ja/docs/Web/CSS/CSS_values_syntax /ja/docs/Web/CSS diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json index b69f537f16..fa823b71c6 100644 --- a/files/ja/_wikihistory.json +++ b/files/ja/_wikihistory.json @@ -28137,14 +28137,6 @@ "ExE-Boss" ] }, - "Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property": { - "modified": "2020-12-06T14:47:19.654Z", - "contributors": [ - "mfuji09", - "ExE-Boss", - "hommaam" - ] - }, "Web/CSS/CSS_Box_Alignment": { "modified": "2020-05-22T07:14:00.686Z", "contributors": [ @@ -48623,6 +48615,14 @@ "sosleepy" ] }, + "conflicting/Web/CSS/cursor": { + "modified": "2020-12-06T14:47:19.654Z", + "contributors": [ + "mfuji09", + "ExE-Boss", + "hommaam" + ] + }, "conflicting/Web/HTTP/Headers/Feature-Policy/xr-spatial-tracking": { "modified": "2020-08-12T12:42:41.854Z", "contributors": [ diff --git a/files/ja/conflicting/web/css/cursor/index.md b/files/ja/conflicting/web/css/cursor/index.md new file mode 100644 index 0000000000..5b00842c96 --- /dev/null +++ b/files/ja/conflicting/web/css/cursor/index.md @@ -0,0 +1,124 @@ +--- +title: cursor プロパティでの URL 値の使用 +slug: conflicting/Web/CSS/cursor +tags: + - CSS + - Gecko + - ガイド + - NeedsUpdate + - Reference +translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +original_slug: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +--- +{{CSSRef}} + +[Gecko](/ja/docs/Mozilla/Gecko) 1.8 は URL の値を CSS の{{CSSxRef("cursor")}} プロパティで、 Windows と Linux で対応しています。 Mac の対応は Gecko 2 ([Firefox 4](/ja/docs/Mozilla/Firefox/Releases/4)) で追加されました。これによって任意の画像を、 Gecko が対応している画像形式ならば何でも、マウスカーソルとして指定することができます。 + +## 構文 + +基本 (CSS 2.1) の基本的な記述は次の通りです。 + +```css +{{CSSxRef("cursor")}}: [ {{CSSxRef("url()")}} , ]* {{CSSxRef("cursor", "<keyword>", "#Values")}} +``` + +つまり、0 個以上の URL を (カンマ区切りで) 指定することがありますが、 `auto` や `pointer` などの CSS 仕様書で定義されているキーワードうちの一つを指定する必要があります。 + +例えば次のような値が有効です。 + +```css +cursor: url(foo.cur), url(http://www.example.com/bar.gif), auto; +``` + +始めに _foo.cur_ を読み込もうとします。ファイルが存在しないか、何らかの理由で有効でない場合は、_bar.gif_ を読み込もうとし、どちらも利用できない場合は `auto` が使用されます。 + +Gecko 1.8 (Firefox 1.5) では、 cursor の値に対して CSS 3 の構文が加えられました。 + +```css +{{CSSxRef("cursor")}}: [ {{CSSxRef("url()")}} [ ]? , ]* {{CSSxRef("cursor", "<keyword>", "#Values")}} +``` + +これにより、カーソル画像の境界を設定するためのカーソル有効範囲を指定できます。指定がない場合、有効範囲はファイル (CUR か XBM ファイルの場合) の持つ設定が読み込まれるか、画像の左上端が設定されます。 CSS3 の構文の例は次の通りです。 + +```css +.foo { + cursor: auto; + cursor: url(cursor1.png) 4 12, auto; +} + +.bar { + cursor: pointer; + cursor: url(cursor2.png) 2 2, pointer; +} + +/* IE では 'auto' や 'pointer' で代替されますが、個別に設定する必要があります */ +``` + +初めの値は X 軸範囲で、2つ目の値は Y 軸範囲です。この例では、左上の (0, 0) の座標から (4, 12) までのピクセル座標が有効範囲になります。 + +

制限

+ +Gecko で使用できる、すべての画像形式が対応されています。つまり PNG, GIF, JPG, BMP, CUR などの画像形式が使用できるということです。 ANI には対応していません。アニメーション PNG や GIF は動くカーソルとしては使用できません。 + +> **Note:** Gecko 2.0 以降は、 Gecko では SVG 形式のカーソルにも対応しています。しかし、 SVG 画像は (パーセント値ではない) 長さの値による幅と高さを SVG のルートノードに設定しなければなりません。 JavaScript、 CSS アニメーション、 SVG を内部にもつ宣言的な SMIL は無視されます。例えば、 SVG を使用してアニメーションカーソルを作成することはできません。 + +Gecko (Firefox) ではカーソルの寸法が 128×128px に制限されています。それより大きいカーソル画像は無視されます。ただし、オペレーティングシステムやプラットフォームとの互換性を最大化するために、 32×32px の大きさに制限してください。 + +(Gecko 1.9.2-1.9.2.6, Firefox 3.6-3.6.6 ではバグにより、 Windows では 32x32px に制限されます。のちのバージョンでは修正されています。) + +Windos XP より前の Windows は、半透明のカーソルには対応していません。これはオペレーティングシステムの制限です。透過はすべてのプラットフォームで動作します。 + +カーソルでの URL 値の使用は Windows、 OS/2、 Linux (GTK+ 2.4かそれ以上のバージョン) で対応しています。 Mac OS X での対応は Gecko 2 (Firefox 4) で追加されました。 + +## ブラウザーの互換性 + +Microsoft Internet Explorer 6.0 も `cursor` プロパティに対応しています。しかし、次の制限があります。 + +- IE は CUR と ANI 形式のみに対応。 +- IE は CSS3 構文での X および Y 座標に対応していません。カーソルの画像、およびプロパティの残りの部分と一緒に無視されます。 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ブラウザー最初期バージョン形式 (例)X-Y 座標
Internet Explorer6.0.cur | .ani---
Firefox (Gecko), Windows および Linux1.5 (1.8).cur | .png | .gif | .jpg1.5 (1.8)
Firefox (Gecko)4.0 (2.0).cur | .png | .gif | .jpg | .svg(Gecko 2.0)
Opera---------
Safari (Webkit)3.0 (522-523).cur | .png | .gif | .jpg3.0 (522-523)
+ OS X 10.5 から、 Safari (Mac) は .cur ファイルに対応しています。 +
diff --git a/files/ja/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.md b/files/ja/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.md deleted file mode 100644 index cb2fcddd24..0000000000 --- a/files/ja/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.md +++ /dev/null @@ -1,123 +0,0 @@ ---- -title: cursor プロパティでの URL 値の使用 -slug: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property -tags: - - CSS - - Gecko - - ガイド - - NeedsUpdate - - Reference -translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property ---- -{{CSSRef}} - -[Gecko](/ja/docs/Mozilla/Gecko) 1.8 は URL の値を CSS の{{CSSxRef("cursor")}} プロパティで、 Windows と Linux で対応しています。 Mac の対応は Gecko 2 ([Firefox 4](/ja/docs/Mozilla/Firefox/Releases/4)) で追加されました。これによって任意の画像を、 Gecko が対応している画像形式ならば何でも、マウスカーソルとして指定することができます。 - -## 構文 - -基本 (CSS 2.1) の基本的な記述は次の通りです。 - -```css -{{CSSxRef("cursor")}}: [ {{CSSxRef("url()")}} , ]* {{CSSxRef("cursor", "<keyword>", "#Values")}} -``` - -つまり、0 個以上の URL を (カンマ区切りで) 指定することがありますが、 `auto` や `pointer` などの CSS 仕様書で定義されているキーワードうちの一つを指定する必要があります。 - -例えば次のような値が有効です。 - -```css -cursor: url(foo.cur), url(http://www.example.com/bar.gif), auto; -``` - -始めに _foo.cur_ を読み込もうとします。ファイルが存在しないか、何らかの理由で有効でない場合は、_bar.gif_ を読み込もうとし、どちらも利用できない場合は `auto` が使用されます。 - -Gecko 1.8 (Firefox 1.5) では、 cursor の値に対して CSS 3 の構文が加えられました。 - -```css -{{CSSxRef("cursor")}}: [ {{CSSxRef("url()")}} [ ]? , ]* {{CSSxRef("cursor", "<keyword>", "#Values")}} -``` - -これにより、カーソル画像の境界を設定するためのカーソル有効範囲を指定できます。指定がない場合、有効範囲はファイル (CUR か XBM ファイルの場合) の持つ設定が読み込まれるか、画像の左上端が設定されます。 CSS3 の構文の例は次の通りです。 - -```css -.foo { - cursor: auto; - cursor: url(cursor1.png) 4 12, auto; -} - -.bar { - cursor: pointer; - cursor: url(cursor2.png) 2 2, pointer; -} - -/* IE では 'auto' や 'pointer' で代替されますが、個別に設定する必要があります */ -``` - -初めの値は X 軸範囲で、2つ目の値は Y 軸範囲です。この例では、左上の (0, 0) の座標から (4, 12) までのピクセル座標が有効範囲になります。 - -

制限

- -Gecko で使用できる、すべての画像形式が対応されています。つまり PNG, GIF, JPG, BMP, CUR などの画像形式が使用できるということです。 ANI には対応していません。アニメーション PNG や GIF は動くカーソルとしては使用できません。 - -> **Note:** Gecko 2.0 以降は、 Gecko では SVG 形式のカーソルにも対応しています。しかし、 SVG 画像は (パーセント値ではない) 長さの値による幅と高さを SVG のルートノードに設定しなければなりません。 JavaScript、 CSS アニメーション、 SVG を内部にもつ宣言的な SMIL は無視されます。例えば、 SVG を使用してアニメーションカーソルを作成することはできません。 - -Gecko (Firefox) ではカーソルの寸法が 128×128px に制限されています。それより大きいカーソル画像は無視されます。ただし、オペレーティングシステムやプラットフォームとの互換性を最大化するために、 32×32px の大きさに制限してください。 - -(Gecko 1.9.2-1.9.2.6, Firefox 3.6-3.6.6 ではバグにより、 Windows では 32x32px に制限されます。のちのバージョンでは修正されています。) - -Windos XP より前の Windows は、半透明のカーソルには対応していません。これはオペレーティングシステムの制限です。透過はすべてのプラットフォームで動作します。 - -カーソルでの URL 値の使用は Windows、 OS/2、 Linux (GTK+ 2.4かそれ以上のバージョン) で対応しています。 Mac OS X での対応は Gecko 2 (Firefox 4) で追加されました。 - -## ブラウザーの互換性 - -Microsoft Internet Explorer 6.0 も `cursor` プロパティに対応しています。しかし、次の制限があります。 - -- IE は CUR と ANI 形式のみに対応。 -- IE は CSS3 構文での X および Y 座標に対応していません。カーソルの画像、およびプロパティの残りの部分と一緒に無視されます。 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
ブラウザー最初期バージョン形式 (例)X-Y 座標
Internet Explorer6.0.cur | .ani---
Firefox (Gecko), Windows および Linux1.5 (1.8).cur | .png | .gif | .jpg1.5 (1.8)
Firefox (Gecko)4.0 (2.0).cur | .png | .gif | .jpg | .svg(Gecko 2.0)
Opera---------
Safari (Webkit)3.0 (522-523).cur | .png | .gif | .jpg3.0 (522-523)
- OS X 10.5 から、 Safari (Mac) は .cur ファイルに対応しています。 -
diff --git a/files/ko/_redirects.txt b/files/ko/_redirects.txt index 385c96130a..bd94f8f66a 100644 --- a/files/ko/_redirects.txt +++ b/files/ko/_redirects.txt @@ -57,7 +57,7 @@ /ko/docs/CSS/border-radius /ko/docs/Web/CSS/border-radius /ko/docs/CSS/box-shadow /ko/docs/Web/CSS/box-shadow /ko/docs/CSS/cursor /ko/docs/Web/CSS/cursor -/ko/docs/CSS/cursor/Using_URL_values_for_the_cursor_property /ko/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/ko/docs/CSS/cursor/Using_URL_values_for_the_cursor_property /ko/docs/conflicting/Web/CSS/cursor /ko/docs/CSS/initial_value /ko/docs/Web/CSS/initial_value /ko/docs/CSS/text-shadow /ko/docs/Web/CSS/text-shadow /ko/docs/CSS/transform /ko/docs/Web/CSS/transform @@ -431,8 +431,8 @@ /ko/docs/Updating_extensions_for_Firefox_3 /ko/docs/Mozilla/Firefox/Releases/3/Updating_extensions /ko/docs/Updating_web_applications_for_Firefox_3 /ko/docs/Mozilla/Firefox/Releases/3/Updating_web_applications /ko/docs/Using_JSON_in_Firefox /ko/docs/Web/JavaScript/Reference/Global_Objects/JSON -/ko/docs/Using_URL_values_for_the_cursor_property /ko/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property -/ko/docs/Using_URL_values_for_the_cursor_property-redirect-1 /ko/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/ko/docs/Using_URL_values_for_the_cursor_property /ko/docs/conflicting/Web/CSS/cursor +/ko/docs/Using_URL_values_for_the_cursor_property-redirect-1 /ko/docs/conflicting/Web/CSS/cursor /ko/docs/Using_the_Mozilla_JavaScript_interface_to_XSL_Transformations /ko/docs/Web/XSLT/Using_the_Mozilla_JavaScript_interface_to_XSL_Transformations /ko/docs/Web/API/Boolean /ko/docs/Web/JavaScript/Reference/Global_Objects/Boolean /ko/docs/Web/API/Canvas_API/캔버스_튜토리얼 /ko/docs/Web/API/Canvas_API/Tutorial @@ -511,6 +511,7 @@ /ko/docs/Web/CSS/CSS_Background_and_Borders/Border-radius_generator /ko/docs/Web/CSS/CSS_Backgrounds_and_Borders/Border-radius_generator /ko/docs/Web/CSS/CSS_Background_and_Borders/Box-shadow_generator /ko/docs/Web/CSS/CSS_Backgrounds_and_Borders/Box-shadow_generator /ko/docs/Web/CSS/CSS_Backgrounds_and_Borders/Scaling_background_images /ko/docs/Web/CSS/CSS_Backgrounds_and_Borders/Resizing_background_images +/ko/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property /ko/docs/conflicting/Web/CSS/cursor /ko/docs/Web/CSS/CSS_Colors /ko/docs/Web/CSS/CSS_Color /ko/docs/Web/CSS/CSS_Flexible_Box_Layout/Flexbox의_기본_개념 /ko/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox /ko/docs/Web/CSS/CSS_Flexible_Box_Layout/가변상자의_대표적인_사용례 /ko/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox @@ -553,7 +554,7 @@ /ko/docs/Web/CSS/Using_CSS_variables /ko/docs/Web/CSS/Using_CSS_custom_properties /ko/docs/Web/CSS/calc /ko/docs/Web/CSS/calc() /ko/docs/Web/CSS/currentcolor /ko/docs/Web/CSS/color_value#currentColor_키워드 -/ko/docs/Web/CSS/cursor/Using_URL_values_for_the_cursor_property /ko/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/ko/docs/Web/CSS/cursor/Using_URL_values_for_the_cursor_property /ko/docs/conflicting/Web/CSS/cursor /ko/docs/Web/CSS/filter-function/blur /ko/docs/Web/CSS/filter-function/blur() /ko/docs/Web/CSS/filter-function/brightness /ko/docs/Web/CSS/filter-function/brightness() /ko/docs/Web/CSS/filter-function/contrast /ko/docs/Web/CSS/filter-function/contrast() diff --git a/files/ko/_wikihistory.json b/files/ko/_wikihistory.json index 809e2badd6..965b2534dc 100644 --- a/files/ko/_wikihistory.json +++ b/files/ko/_wikihistory.json @@ -8070,15 +8070,6 @@ "SphinxKnight" ] }, - "Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property": { - "modified": "2019-03-23T23:41:42.325Z", - "contributors": [ - "hjunshin", - "teoli", - "jaemin_jo", - "Ioseph" - ] - }, "Web/CSS/CSS_Box_Model": { "modified": "2019-04-11T11:38:24.806Z", "contributors": [ @@ -17580,6 +17571,15 @@ "SpikeYou" ] }, + "conflicting/Web/CSS/cursor": { + "modified": "2019-03-23T23:41:42.325Z", + "contributors": [ + "hjunshin", + "teoli", + "jaemin_jo", + "Ioseph" + ] + }, "conflicting/Web/Guide": { "modified": "2019-03-23T23:41:47.329Z", "contributors": [ diff --git a/files/ko/conflicting/web/css/cursor/index.html b/files/ko/conflicting/web/css/cursor/index.html new file mode 100644 index 0000000000..6b5ec96f19 --- /dev/null +++ b/files/ko/conflicting/web/css/cursor/index.html @@ -0,0 +1,71 @@ +--- +title: cursor 속성값에 URL 사용 +slug: conflicting/Web/CSS/cursor +tags: + - CSS + - CSS_2.1 + - Cross-browser_Development + - Web Development +translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +original_slug: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +--- +

Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0)은 URL 값을 CSS2 커서 속성값으로 사용하는 것을 지원합니다. 이 기능은 마우스 커서 모양으로 임의의 이미지 를 지정할 수 있게 해줍니다 — Gecko가 지원하는 모든 이미지 포맷을 사용할 수 있습니다.

+ +

문법

+ +

이 속성의 문법은 다음과 같습니다:

+ +
cursor: [<url>,]* keyword;
+
+ +

즉, URL을 지정하지 않거나 혹은 다수의 콤마로 분리된 URL값들을 지정할 수 있으며, 이 값들 뒤엔 반드시 CSS규정에 정의된 auto 나 pointer같은 키워드들이 따라와야 합니다.

+ +

예를 들면, 다음과 같은 값이 지정될 수 있습니다:

+ +
cursor: url(foo.cur), url(http://www.example.com/bar.gif), auto;
+
+ +

우선 foo.cur의 로딩이 시도 되고, 만약 이 파일이 없거나 어떤 다른 이유로 파일이 부적합할 경우, bar.gif를 로드하게 되고 이것 마저 사용할 수 없게 되면, auto가 사용될 것입니다.

+ +

커서 값에 대한 CSS3 syntax 지원은 Gecko 1.8beta3에 부가되었으며, 따라서 Firefox 1.5에서 사용할 수 있습니다. 이 기능은 커서 이미지의 바운더리에 부착시킬 커서의 핫스팟의 좌표를 지정할 수 있게 해줍니다. 만일 아무것도 지정되지 않을 경우, 핫스팟의 좌표는 이미지 파일 자체에서 (CUR 와 XBN 파일의 경우) 읽어 들이거나 이미지의 좌측 상단 코너로 지정됩니다. CSS3 문법의 예문은 다음과 같습니다:

+ +
cursor: url(foo.png) 4 12, auto;
+
+ +

첫번째 숫자는 x좌표이며, 두번째 숫자는 y좌표입니다. 이 예문은 이미지의 왼쪽 위 (0,0)로부터 (4, 12)의 위치의 픽셀을 핫스팟으로 지정할 것입니다.

+ +

제약 사항

+ +

Gecko가 지원하는 모든 이미지 포팻이 사용가능합니다. 즉, BMP, JPG, CUR, GIF 등의 이미지를 사용할 수 있습니다. 그러나, ANI는 지원되지 않습니다. animated GIF 이미지로 지정해도, 커서는 animated 커서가 되지는 않을 것입니다. 이런 문제점은 향후 릴리즈에서 제거될 것입니다.

+ +

Gecko는 커서의 크기에 관해서 어떤 제약을 두고 있지는 않습니다만, 다른 운영체제나 플랫폼들과의 최대의 호환성을 유지하기 위해 커서 크기를 32x32로 제한할것을 권장합니다. 특히, 이보다 큰 커서는 윈도우 9x (95, 98, ME) 에서 작동하지 않을 것입니다.

+ +

투명 커서는 XP보다 이전 윈도우 릴리즈에서는 지원되지 않으며, 이는 운영체제의 제약사항입니다. 투명기능은 모든 플랫폼에서 작동합니다.

+ +

모질라의 윈도우, OS/2 그리고 리눅스(GTK+ 2.4 나 그 이후 버전 사용) 릴리즈에서만 커서로 URL값이 지원됩니다. 다른 플랫폼들에대한 지원은 향후 릴리즈에 추가될 것입니다.(Mac OS: {{ Bug(286304) }}, QNX Neutrino: {{ Bug(286307) }}, XLib: {{ Bug(286309) }}, Qt: {{ Bug(286310) }}, BeOS: {{ Bug(298184) }}, GTK 2.0/2.2: {{ Bug(308536) }})

+ +

다른 브라우저들과의 호환성

+ +

마이크로소프트 인터넷 익스플로러(MSIE)도 cursor속성으로 URL 값을 지원합니다. 그러나, CUR 과 ANI 포맷만을 지원합니다.

+ +

cursor속성 문법도 또한 제약이 덜한 관계로

+ +
cursor: url(foo.cur);
+
+ +

이나

+ +
cursor: url(foo.cur), pointer, url(bar.cur), auto;
+
+ +

와 같은 값도 MSIE에선 작동할 것입니다. 그러나 이런 값은 Gecko에선 작동하지 않을 것입니다. Gecko와의 호환성을 위해서 또 CSS규약에 따라, 항상 URL 리스트를 먼저 나열하시고, 정확히 하나의 키워드 값을 그 뒤에 사용하십시오.

+ +

To-do

+ +
+
To-do: document what MSIE does with CSS 3 hotspot locations
+
+ +

Interwiki Language Links

+ +

{{ languages( { "ja": "ja/Using_URL_values_for_the_cursor_property" } ) }}

diff --git a/files/ko/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html b/files/ko/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html deleted file mode 100644 index e8e6d447af..0000000000 --- a/files/ko/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html +++ /dev/null @@ -1,71 +0,0 @@ ---- -title: cursor 속성값에 URL 사용 -slug: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property -tags: - - CSS - - CSS_2.1 - - Cross-browser_Development - - Web Development -translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property -original_slug: Web/CSS/cursor/Using_URL_values_for_the_cursor_property ---- -

Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0)은 URL 값을 CSS2 커서 속성값으로 사용하는 것을 지원합니다. 이 기능은 마우스 커서 모양으로 임의의 이미지 를 지정할 수 있게 해줍니다 — Gecko가 지원하는 모든 이미지 포맷을 사용할 수 있습니다.

- -

문법

- -

이 속성의 문법은 다음과 같습니다:

- -
cursor: [<url>,]* keyword;
-
- -

즉, URL을 지정하지 않거나 혹은 다수의 콤마로 분리된 URL값들을 지정할 수 있으며, 이 값들 뒤엔 반드시 CSS규정에 정의된 auto 나 pointer같은 키워드들이 따라와야 합니다.

- -

예를 들면, 다음과 같은 값이 지정될 수 있습니다:

- -
cursor: url(foo.cur), url(http://www.example.com/bar.gif), auto;
-
- -

우선 foo.cur의 로딩이 시도 되고, 만약 이 파일이 없거나 어떤 다른 이유로 파일이 부적합할 경우, bar.gif를 로드하게 되고 이것 마저 사용할 수 없게 되면, auto가 사용될 것입니다.

- -

커서 값에 대한 CSS3 syntax 지원은 Gecko 1.8beta3에 부가되었으며, 따라서 Firefox 1.5에서 사용할 수 있습니다. 이 기능은 커서 이미지의 바운더리에 부착시킬 커서의 핫스팟의 좌표를 지정할 수 있게 해줍니다. 만일 아무것도 지정되지 않을 경우, 핫스팟의 좌표는 이미지 파일 자체에서 (CUR 와 XBN 파일의 경우) 읽어 들이거나 이미지의 좌측 상단 코너로 지정됩니다. CSS3 문법의 예문은 다음과 같습니다:

- -
cursor: url(foo.png) 4 12, auto;
-
- -

첫번째 숫자는 x좌표이며, 두번째 숫자는 y좌표입니다. 이 예문은 이미지의 왼쪽 위 (0,0)로부터 (4, 12)의 위치의 픽셀을 핫스팟으로 지정할 것입니다.

- -

제약 사항

- -

Gecko가 지원하는 모든 이미지 포팻이 사용가능합니다. 즉, BMP, JPG, CUR, GIF 등의 이미지를 사용할 수 있습니다. 그러나, ANI는 지원되지 않습니다. animated GIF 이미지로 지정해도, 커서는 animated 커서가 되지는 않을 것입니다. 이런 문제점은 향후 릴리즈에서 제거될 것입니다.

- -

Gecko는 커서의 크기에 관해서 어떤 제약을 두고 있지는 않습니다만, 다른 운영체제나 플랫폼들과의 최대의 호환성을 유지하기 위해 커서 크기를 32x32로 제한할것을 권장합니다. 특히, 이보다 큰 커서는 윈도우 9x (95, 98, ME) 에서 작동하지 않을 것입니다.

- -

투명 커서는 XP보다 이전 윈도우 릴리즈에서는 지원되지 않으며, 이는 운영체제의 제약사항입니다. 투명기능은 모든 플랫폼에서 작동합니다.

- -

모질라의 윈도우, OS/2 그리고 리눅스(GTK+ 2.4 나 그 이후 버전 사용) 릴리즈에서만 커서로 URL값이 지원됩니다. 다른 플랫폼들에대한 지원은 향후 릴리즈에 추가될 것입니다.(Mac OS: {{ Bug(286304) }}, QNX Neutrino: {{ Bug(286307) }}, XLib: {{ Bug(286309) }}, Qt: {{ Bug(286310) }}, BeOS: {{ Bug(298184) }}, GTK 2.0/2.2: {{ Bug(308536) }})

- -

다른 브라우저들과의 호환성

- -

마이크로소프트 인터넷 익스플로러(MSIE)도 cursor속성으로 URL 값을 지원합니다. 그러나, CUR 과 ANI 포맷만을 지원합니다.

- -

cursor속성 문법도 또한 제약이 덜한 관계로

- -
cursor: url(foo.cur);
-
- -

이나

- -
cursor: url(foo.cur), pointer, url(bar.cur), auto;
-
- -

와 같은 값도 MSIE에선 작동할 것입니다. 그러나 이런 값은 Gecko에선 작동하지 않을 것입니다. Gecko와의 호환성을 위해서 또 CSS규약에 따라, 항상 URL 리스트를 먼저 나열하시고, 정확히 하나의 키워드 값을 그 뒤에 사용하십시오.

- -

To-do

- -
-
To-do: document what MSIE does with CSS 3 hotspot locations
-
- -

Interwiki Language Links

- -

{{ languages( { "ja": "ja/Using_URL_values_for_the_cursor_property" } ) }}

diff --git a/files/pl/_redirects.txt b/files/pl/_redirects.txt index de5f8fe222..b203ed26ff 100644 --- a/files/pl/_redirects.txt +++ b/files/pl/_redirects.txt @@ -1404,7 +1404,7 @@ /pl/docs/Transformacje_XML_z_XSLT:Dokumentacja_XSLT_XPath /pl/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference /pl/docs/Transformacje_XML_z_XSLT:Przeczytaj_więcej /pl/docs/Web/XSLT/Transforming_XML_with_XSLT/For_Further_Reading /pl/docs/Tworzenie_wtyczek_OpenSearch_dla_Firefoksa /pl/docs/Web/OpenSearch -/pl/docs/Użycie_wartości_URL_dla_własności_cursor /pl/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/pl/docs/Użycie_wartości_URL_dla_własności_cursor /pl/docs/conflicting/Web/CSS/cursor /pl/docs/Web/API/AudioContext/createDynamicsCompressor /pl/docs/Web/API/BaseAudioContext/createDynamicsCompressor /pl/docs/Web/API/Canvas_API/Tutorial/Optymalizacja_canvas /pl/docs/Web/API/Canvas_API/Tutorial/Optimizing_canvas /pl/docs/Web/API/Canvas_API/Tutorial/rysowanie_ksztaltow /pl/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes @@ -1547,6 +1547,7 @@ /pl/docs/Web/CSS/:first-node /pl/docs/Web/CSS/:-moz-first-node /pl/docs/Web/CSS/:last-node /pl/docs/Web/CSS/:-moz-last-node /pl/docs/Web/CSS/@-moz-document /pl/docs/Web/CSS/@document +/pl/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property /pl/docs/conflicting/Web/CSS/cursor /pl/docs/Web/CSS/CSS_Colors /pl/docs/Web/CSS/CSS_Color /pl/docs/Web/CSS/CSS_Colors/Narzedzie_doboru_kolorow /pl/docs/Web/CSS/CSS_Colors/Color_picker_tool /pl/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters /pl/docs/Web/CSS/CSS_Counter_Styles/Using_CSS_counters @@ -1578,7 +1579,7 @@ /pl/docs/Web/CSS/Skrócone_deklaracje_CSS /pl/docs/Web/CSS/Shorthand_properties /pl/docs/Web/CSS/Uzycie_zmiennych_CSS /pl/docs/Web/CSS/Using_CSS_custom_properties /pl/docs/Web/CSS/Wartość_początkowa /pl/docs/Web/CSS/initial_value -/pl/docs/Web/CSS/cursor/Użycie_wartości_URL_dla_własności_cursor /pl/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/pl/docs/Web/CSS/cursor/Użycie_wartości_URL_dla_własności_cursor /pl/docs/conflicting/Web/CSS/cursor /pl/docs/Web/CSS/transform-function/matrix /pl/docs/Web/CSS/transform-function/matrix() /pl/docs/Web/Dostępność /pl/docs/Web/Accessibility /pl/docs/Web/Dostępność/An_overview_of_accessible_web_applications_and_widgets /pl/docs/Web/Accessibility/An_overview_of_accessible_web_applications_and_widgets diff --git a/files/pl/_wikihistory.json b/files/pl/_wikihistory.json index 03adc52a6e..4d24c22b32 100644 --- a/files/pl/_wikihistory.json +++ b/files/pl/_wikihistory.json @@ -4191,16 +4191,6 @@ "P0lip" ] }, - "Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property": { - "modified": "2019-03-23T23:44:57.406Z", - "contributors": [ - "teoli", - "Mgjbot", - "Ptak82", - "gandalf", - "Dria" - ] - }, "Web/CSS/CSS_Color": { "modified": "2019-03-23T22:10:25.437Z", "contributors": [ @@ -9820,6 +9810,16 @@ "Dria" ] }, + "conflicting/Web/CSS/cursor": { + "modified": "2019-03-23T23:44:57.406Z", + "contributors": [ + "teoli", + "Mgjbot", + "Ptak82", + "gandalf", + "Dria" + ] + }, "conflicting/Web/Guide": { "modified": "2019-03-23T23:43:53.027Z", "contributors": [ diff --git a/files/pl/conflicting/web/css/cursor/index.html b/files/pl/conflicting/web/css/cursor/index.html new file mode 100644 index 0000000000..27ffdf015d --- /dev/null +++ b/files/pl/conflicting/web/css/cursor/index.html @@ -0,0 +1,42 @@ +--- +title: Użycie wartości URL dla własności cursor +slug: conflicting/Web/CSS/cursor +tags: + - CSS + - CSS_2.1 + - Programowanie_WWW + - Programowanie_dla_wielu_przeglądarek + - Wszystkie_kategorie +translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +original_slug: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +--- +

 

+

Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) wspiera wartości URL dla własności cursor CSS 2/2.1. To pozwala używać zewnętrzne obrazki jako kursory myszy — można użyć każdego formatu wspieranego przez Gecko.

+

Składnia

+

Składnia dla tej własności:

+
cursor: [<url>,]* słowo_kluczowe;
+
+

To oznacza, że można podać zero lub więcej adresów URL (oddzielonych przecinkiem), a na końcu musi pojawić się jedno ze słów kluczowych zdefiniowanych w specyfikacji CSS, takie jak auto czy pointer.

+

Na przykład, taka wartość jest dozwolona:

+
cursor: url(foo.cur), url(http://www.example.com/bar.gif), auto;
+
+

Najpierw nastąpi próba pobrania pliku foo.cur. Jeżeli ten plik nie istnieje, lub jest nieprawidłowy z jakiegoś powodu, nastąpi próba pobrania bar.gif, a jeśli to się nie uda, zostanie użyta wartość auto.

+

Wsparcie dla składni CSS3 dla wartości własności cursor zostało dodane w Gecko 1.8beta3 (Deer Partk Alpha 2); zatem działa ono w Firefoksie 1.5. Pozwala to na określanie punktu wiązania kursora, który musi być wewnątrz wymiarów obrazka kursora; koordynaty na zewnątrz obrazka będą przybliżane do krawędzi (n.p. ujemna wartość będzie interpretowana jako 0, a wartości wykraczające poza wymiary obrazka będą przycinane do najbliższego piksela w obrazku). Jeśli nie zostaną podane, dla plików CUR i XBM wartości zostaną pobrane z plików, a dla pozostałych zostanie ustalony lewy górny róg obrazka. Przykładem składni CSS3 jest:

+
cursor: url(foo.png) 4 12, auto;
+
+

Pierwsza liczba to wartość x, a drugi y. W tym przypadku punkt wiązania zostanie ustawiony w pikselu (4,12) licząc od lewego górnego rogu (0,0).

+

Ograniczenia

+

Można używać wszystkich formatów obrazków wspieranych przez Gecko. To oznacza, że możesz użyć BMP, JPG, CUR, GIF, itp. Jednak ANI nie jest wspierane. I nawet, jeżeli zostanie podany animowany GIF, kursor nie będzie animowany. To ograniczenie zostanie usunięte w przyszłych wersjach.

+

Gecko, samo w sobie, nie tworzy żadnych ograniczeń, co do rozmiaru kursora. Jednak powinieneś ograniczyć obrazek do 32x32 dla maksymalnej kompatybilności z różnymi systemami operacyjnymi. W szczególności kursory większe, niż podany rozmiar nie będą działały na Windows 9x (95, 98, ME).

+

Przezroczyste kursory nie są wspierane na systemie Windows w wersjach wcześniejszych niż XP. To ograniczenie systemu operacyjnego. Przezroczystość działa na pozostałych platformach.

+

Tylko wydania Mozilli na platformy Windows, OS/2 i Linux (z GTK+ 2.4 lub nowszym) wspierają wartości URL dla kursorów. Wsparcie dla innych platform może zostać dodane w przyszłości (Mac OS: {{ Bug(286304) }}, QNX Neutrino: {{ Bug(286307) }}, XLib: {{ Bug(286309) }}, Qt: {{ Bug(286310) }}, BeOS: {{ Bug(298184) }}, Gtk 2.0/2.2: {{ Bug(308536) }})

+

Kompatybilność z innymi przeglądarkami

+

Microsoft Internet Explorer także wspiera wartości URI dla własności cursor. Jednak wspiera wyłącznie formaty CUR i ANI.

+

Jest także znacznie mniej restrykcyjny w zakresie składni. To oznacza, że wartości takie jak:

+
cursor: url(foo.cur);
+
+

lub:

+
cursor: url(foo.cur), pointer, url(bar.cur), auto;
+
+

będą działały w MSIE, ale nie będą w Gecko. Dla kompatybilności z Gecko i zgodności ze specyfikacja CSS, zawsze na początku należy podać URI, oraz użyć dokładnie jednego słowa kluczowego na końcu.

+

 

diff --git a/files/pl/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html b/files/pl/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html deleted file mode 100644 index eed038bdcc..0000000000 --- a/files/pl/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html +++ /dev/null @@ -1,42 +0,0 @@ ---- -title: Użycie wartości URL dla własności cursor -slug: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property -tags: - - CSS - - CSS_2.1 - - Programowanie_WWW - - Programowanie_dla_wielu_przeglądarek - - Wszystkie_kategorie -translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property -original_slug: Web/CSS/cursor/Użycie_wartości_URL_dla_własności_cursor ---- -

 

-

Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) wspiera wartości URL dla własności cursor CSS 2/2.1. To pozwala używać zewnętrzne obrazki jako kursory myszy — można użyć każdego formatu wspieranego przez Gecko.

-

Składnia

-

Składnia dla tej własności:

-
cursor: [<url>,]* słowo_kluczowe;
-
-

To oznacza, że można podać zero lub więcej adresów URL (oddzielonych przecinkiem), a na końcu musi pojawić się jedno ze słów kluczowych zdefiniowanych w specyfikacji CSS, takie jak auto czy pointer.

-

Na przykład, taka wartość jest dozwolona:

-
cursor: url(foo.cur), url(http://www.example.com/bar.gif), auto;
-
-

Najpierw nastąpi próba pobrania pliku foo.cur. Jeżeli ten plik nie istnieje, lub jest nieprawidłowy z jakiegoś powodu, nastąpi próba pobrania bar.gif, a jeśli to się nie uda, zostanie użyta wartość auto.

-

Wsparcie dla składni CSS3 dla wartości własności cursor zostało dodane w Gecko 1.8beta3 (Deer Partk Alpha 2); zatem działa ono w Firefoksie 1.5. Pozwala to na określanie punktu wiązania kursora, który musi być wewnątrz wymiarów obrazka kursora; koordynaty na zewnątrz obrazka będą przybliżane do krawędzi (n.p. ujemna wartość będzie interpretowana jako 0, a wartości wykraczające poza wymiary obrazka będą przycinane do najbliższego piksela w obrazku). Jeśli nie zostaną podane, dla plików CUR i XBM wartości zostaną pobrane z plików, a dla pozostałych zostanie ustalony lewy górny róg obrazka. Przykładem składni CSS3 jest:

-
cursor: url(foo.png) 4 12, auto;
-
-

Pierwsza liczba to wartość x, a drugi y. W tym przypadku punkt wiązania zostanie ustawiony w pikselu (4,12) licząc od lewego górnego rogu (0,0).

-

Ograniczenia

-

Można używać wszystkich formatów obrazków wspieranych przez Gecko. To oznacza, że możesz użyć BMP, JPG, CUR, GIF, itp. Jednak ANI nie jest wspierane. I nawet, jeżeli zostanie podany animowany GIF, kursor nie będzie animowany. To ograniczenie zostanie usunięte w przyszłych wersjach.

-

Gecko, samo w sobie, nie tworzy żadnych ograniczeń, co do rozmiaru kursora. Jednak powinieneś ograniczyć obrazek do 32x32 dla maksymalnej kompatybilności z różnymi systemami operacyjnymi. W szczególności kursory większe, niż podany rozmiar nie będą działały na Windows 9x (95, 98, ME).

-

Przezroczyste kursory nie są wspierane na systemie Windows w wersjach wcześniejszych niż XP. To ograniczenie systemu operacyjnego. Przezroczystość działa na pozostałych platformach.

-

Tylko wydania Mozilli na platformy Windows, OS/2 i Linux (z GTK+ 2.4 lub nowszym) wspierają wartości URL dla kursorów. Wsparcie dla innych platform może zostać dodane w przyszłości (Mac OS: {{ Bug(286304) }}, QNX Neutrino: {{ Bug(286307) }}, XLib: {{ Bug(286309) }}, Qt: {{ Bug(286310) }}, BeOS: {{ Bug(298184) }}, Gtk 2.0/2.2: {{ Bug(308536) }})

-

Kompatybilność z innymi przeglądarkami

-

Microsoft Internet Explorer także wspiera wartości URI dla własności cursor. Jednak wspiera wyłącznie formaty CUR i ANI.

-

Jest także znacznie mniej restrykcyjny w zakresie składni. To oznacza, że wartości takie jak:

-
cursor: url(foo.cur);
-
-

lub:

-
cursor: url(foo.cur), pointer, url(bar.cur), auto;
-
-

będą działały w MSIE, ale nie będą w Gecko. Dla kompatybilności z Gecko i zgodności ze specyfikacja CSS, zawsze na początku należy podać URI, oraz użyć dokładnie jednego słowa kluczowego na końcu.

-

 

diff --git a/files/ru/_redirects.txt b/files/ru/_redirects.txt index f2af85fdb6..13da4a5d63 100644 --- a/files/ru/_redirects.txt +++ b/files/ru/_redirects.txt @@ -404,7 +404,8 @@ /ru/docs/Web/CSS/CSS_Background_and_Borders/Border-radius_генератор /ru/docs/Web/CSS/CSS_Backgrounds_and_Borders/Border-radius_generator /ru/docs/Web/CSS/CSS_Background_and_Borders/Box-shadow_generator /ru/docs/Web/CSS/CSS_Backgrounds_and_Borders/Box-shadow_generator /ru/docs/Web/CSS/CSS_Background_and_Borders/Множественные_фоны /ru/docs/Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds -/ru/docs/Web/CSS/CSS_Basic_User_Interface/Использование_URL_значений_для_свойства_cursor /ru/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/ru/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property /ru/docs/conflicting/Web/CSS/cursor +/ru/docs/Web/CSS/CSS_Basic_User_Interface/Использование_URL_значений_для_свойства_cursor /ru/docs/conflicting/Web/CSS/cursor /ru/docs/Web/CSS/CSS_Box_Model/Box-shadow_generator /ru/docs/Web/CSS/CSS_Backgrounds_and_Borders/Box-shadow_generator /ru/docs/Web/CSS/CSS_Colors /ru/docs/Web/CSS/CSS_Color /ru/docs/Web/CSS/CSS_Flexible_Box_Layout/Выравнивание_элементов_в_Flex_контейнере /ru/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container @@ -414,7 +415,7 @@ /ru/docs/Web/CSS/CSS_Grid_Layout/Грид-области /ru/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas /ru/docs/Web/CSS/CSS_Grid_Layout/Расположение_элементов_по_грид-линиям_с_помощью_CSS_Grid /ru/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid /ru/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters /ru/docs/Web/CSS/CSS_Counter_Styles/Using_CSS_counters -/ru/docs/Web/CSS/CSS_User_Interface/Использование_URL_значений_для_свойства_cursor /ru/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/ru/docs/Web/CSS/CSS_User_Interface/Использование_URL_значений_для_свойства_cursor /ru/docs/conflicting/Web/CSS/cursor /ru/docs/Web/CSS/CSS_animated_properties /ru/docs/Web/CSS /ru/docs/Web/CSS/CSS_Селекторы /ru/docs/Web/CSS/CSS_Selectors /ru/docs/Web/CSS/CSS_Селекторы/Using_the_:target_pseudo-class_in_selectors /ru/docs/Web/CSS/CSS_Selectors/Using_the_:target_pseudo-class_in_selectors diff --git a/files/ru/_wikihistory.json b/files/ru/_wikihistory.json index 03b992c4e3..aa3e6a5970 100644 --- a/files/ru/_wikihistory.json +++ b/files/ru/_wikihistory.json @@ -12751,14 +12751,6 @@ "SphinxKnight" ] }, - "Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property": { - "modified": "2019-03-23T22:05:55.809Z", - "contributors": [ - "SphinxKnight", - "ExE-Boss", - "Cheg" - ] - }, "Web/CSS/CSS_Box_Alignment": { "modified": "2019-03-18T21:33:03.343Z", "contributors": [ @@ -24322,6 +24314,14 @@ "iamale" ] }, + "conflicting/Web/CSS/cursor": { + "modified": "2019-03-23T22:05:55.809Z", + "contributors": [ + "SphinxKnight", + "ExE-Boss", + "Cheg" + ] + }, "conflicting/Web/CSS/gap": { "modified": "2020-10-15T22:05:04.554Z", "contributors": [ diff --git a/files/ru/conflicting/web/css/cursor/index.html b/files/ru/conflicting/web/css/cursor/index.html new file mode 100644 index 0000000000..6739e5b311 --- /dev/null +++ b/files/ru/conflicting/web/css/cursor/index.html @@ -0,0 +1,120 @@ +--- +title: Использование URL значений для свойства cursor +slug: conflicting/Web/CSS/cursor +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/Using_URL_values_for_the_cursor_property +--- +
{{cssref}}
+ +

Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) поддерживает URL-значения для CSS-свойства {{cssxref("cursor")}} в Windows и Linux. Поддержка Mac была добавлена в Gecko 2 (Firefox 4). Это позволяет устанавливать произвольные изображения в качестве курсора мыши — может быть использовать любой формат изображений, поддерживаемый Gecko.

+ +

Синтаксис

+ +

Базовый (CSS 2.1) синтаксис для этого свойства:

+ +
cursor:  [<url>,]* ключевое_слово
+ +

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

+ +

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

+ +
cursor:  url(foo.cur), url(http://www.example.com/bar.gif), auto;
+ +

В первую очередь браузер пытается загрузить foo.cur. Если такой файл отсутствует или его форма не допустим по каким-то другим причинам, то дальше загружается bar.gif. И если он также не может быть использован, будет использовано значение auto.

+ +

Поддержка CSS 3 синтаксиса для указания курсора была добавлена в Gecko 1.8 (Firefox 1.5):

+ +
cursor:  [<uri> [<x> <y>]?,]* ключевое_слово
+ +

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

+ +

Пример CSS 3 синтаксиса:

+ +
.foo  {
+  cursor:  auto;
+  cursor:  url(cursor1.png) 4 12, auto;
+}
+
+.bar  {
+  cursor:  pointer;
+  cursor:  url(cursor2.png) 2 2, pointer;
+}
+
+/* откатываются на 'auto' и 'pointer' в IE, но должны быть установлены отдельны */
+
+ +

Первое число определяет координату по оси x, а вторая - по оси y. Данный пример сместит изображение на точку (4,12) относительно левого верхнего угла (0,0).

+ +

Ограничения

+ +

Могут быть использованы любые форматы, поддерживаемые Gecko. Это означает, что вы можете использовать PNG, GIF, JPG, BMP, CUR и т.д. ANI не поддерживается. Анимированные PNG и GIF не добавят анимацию курсору.

+ +
+

Примечание: Начиная с Gecko 2.0 {{geckoRelease("2.0")}}, Gecko также поддерживает формат SVG в качестве изображения курсора. Тем не менее, SVG изображение должно содержать значения (кроме процентных значений) высоты и ширины на корневом SVG узле. JavaScript, CSS-анимация и декларативный SMIL внутри SVG изображения игнорируются; например, вы не можете использовать SVG, чтобы создать анимированный курсор.

+
+ +

В Gecko (Firefox) максимальный размер курсора - 128×128 пикселей. Изображения большего размера игнорируются. Однако, вам следую ограничиться размером курсора в 32×32 пикселя для максимальной совместимости с операционными системами и платформами.

+ +

(В следствие бага Gecko 1.9.2-1.9.2.6, Firefox 3.6-3.6.6 в Windows ограничивает размер в 32x32 пикселя. Это исправляется в более новых версиях.)

+ +

Прозрачные курсоры не поддерживаются в версиях Windows ниже XP. Это ограничение для операционной системы. Прозрачность работает на любых платформах.

+ +

URL в качестве курсора поддерживаются в Windows, OS/2, и Linux (с использованием GTK+ 2.4 или выше) версиях Mozilla. Поддержка Mac OS X была добавлена в Gecko 2 (Firefox 4).

+ +

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

+ +

Microsoft Internet Explorer 6.0 также поддерживает URI значения для свойства cursor. Тем не менее:

+ +
    +
  • IE поддерживает только CUR и ANI форматы.
    • +
  • IE не поддерживает CSS 3 синтаксис с x- и y-координатами. Изображение курсора и дальнейшее свойство игнорируются.
    • +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
БраузерРанняя версияФорматыx-y-координаты
Internet Explorer6.0.cur | .ani---
Firefox (Gecko), Windows и Linux1.5 (1.8).cur | .png | .gif | .jpg1.5 (1.8)
Firefox (Gecko)4.0 (2.0).cur | .png | .gif | .jpg | .svg(Gecko 2.0)
Opera---------
Safari (Webkit)3.0 (522-523).cur | .png | .gif | .jpg3.0 (522-523)
Начиная с OS X 10.5, Safari (Mac) поддерживает  .cur файлы
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 ---- -
{{cssref}}
- -

Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) поддерживает URL-значения для CSS-свойства {{cssxref("cursor")}} в Windows и Linux. Поддержка Mac была добавлена в Gecko 2 (Firefox 4). Это позволяет устанавливать произвольные изображения в качестве курсора мыши — может быть использовать любой формат изображений, поддерживаемый Gecko.

- -

Синтаксис

- -

Базовый (CSS 2.1) синтаксис для этого свойства:

- -
cursor:  [<url>,]* ключевое_слово
- -

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

- -

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

- -
cursor:  url(foo.cur), url(http://www.example.com/bar.gif), auto;
- -

В первую очередь браузер пытается загрузить foo.cur. Если такой файл отсутствует или его форма не допустим по каким-то другим причинам, то дальше загружается bar.gif. И если он также не может быть использован, будет использовано значение auto.

- -

Поддержка CSS 3 синтаксиса для указания курсора была добавлена в Gecko 1.8 (Firefox 1.5):

- -
cursor:  [<uri> [<x> <y>]?,]* ключевое_слово
- -

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

- -

Пример CSS 3 синтаксиса:

- -
.foo  {
-  cursor:  auto;
-  cursor:  url(cursor1.png) 4 12, auto;
-}
-
-.bar  {
-  cursor:  pointer;
-  cursor:  url(cursor2.png) 2 2, pointer;
-}
-
-/* откатываются на 'auto' и 'pointer' в IE, но должны быть установлены отдельны */
-
- -

Первое число определяет координату по оси x, а вторая - по оси y. Данный пример сместит изображение на точку (4,12) относительно левого верхнего угла (0,0).

- -

Ограничения

- -

Могут быть использованы любые форматы, поддерживаемые Gecko. Это означает, что вы можете использовать PNG, GIF, JPG, BMP, CUR и т.д. ANI не поддерживается. Анимированные PNG и GIF не добавят анимацию курсору.

- -
-

Примечание: Начиная с Gecko 2.0 {{geckoRelease("2.0")}}, Gecko также поддерживает формат SVG в качестве изображения курсора. Тем не менее, SVG изображение должно содержать значения (кроме процентных значений) высоты и ширины на корневом SVG узле. JavaScript, CSS-анимация и декларативный SMIL внутри SVG изображения игнорируются; например, вы не можете использовать SVG, чтобы создать анимированный курсор.

-
- -

В Gecko (Firefox) максимальный размер курсора - 128×128 пикселей. Изображения большего размера игнорируются. Однако, вам следую ограничиться размером курсора в 32×32 пикселя для максимальной совместимости с операционными системами и платформами.

- -

(В следствие бага Gecko 1.9.2-1.9.2.6, Firefox 3.6-3.6.6 в Windows ограничивает размер в 32x32 пикселя. Это исправляется в более новых версиях.)

- -

Прозрачные курсоры не поддерживаются в версиях Windows ниже XP. Это ограничение для операционной системы. Прозрачность работает на любых платформах.

- -

URL в качестве курсора поддерживаются в Windows, OS/2, и Linux (с использованием GTK+ 2.4 или выше) версиях Mozilla. Поддержка Mac OS X была добавлена в Gecko 2 (Firefox 4).

- -

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

- -

Microsoft Internet Explorer 6.0 также поддерживает URI значения для свойства cursor. Тем не менее:

- -
    -
  • IE поддерживает только CUR и ANI форматы.
    • -
  • IE не поддерживает CSS 3 синтаксис с x- и y-координатами. Изображение курсора и дальнейшее свойство игнорируются.
    • -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
БраузерРанняя версияФорматыx-y-координаты
Internet Explorer6.0.cur | .ani---
Firefox (Gecko), Windows и Linux1.5 (1.8).cur | .png | .gif | .jpg1.5 (1.8)
Firefox (Gecko)4.0 (2.0).cur | .png | .gif | .jpg | .svg(Gecko 2.0)
Opera---------
Safari (Webkit)3.0 (522-523).cur | .png | .gif | .jpg3.0 (522-523)
Начиная с OS X 10.5, Safari (Mac) поддерживает  .cur файлы
diff --git a/files/zh-cn/_redirects.txt b/files/zh-cn/_redirects.txt index c556ba1986..5c69868bdc 100644 --- a/files/zh-cn/_redirects.txt +++ b/files/zh-cn/_redirects.txt @@ -82,7 +82,7 @@ /zh-CN/docs/CSS/calc /zh-CN/docs/Web/CSS/calc() /zh-CN/docs/CSS/clip /zh-CN/docs/Web/CSS/clip /zh-CN/docs/CSS/cursor /zh-CN/docs/Web/CSS/cursor -/zh-CN/docs/CSS/cursor/url /zh-CN/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/zh-CN/docs/CSS/cursor/url /zh-CN/docs/conflicting/Web/CSS/cursor /zh-CN/docs/CSS/display /zh-CN/docs/Web/CSS/display /zh-CN/docs/CSS/flex-grow /zh-CN/docs/Web/CSS/flex-grow /zh-CN/docs/CSS/float /zh-CN/docs/Web/CSS/float @@ -1715,6 +1715,7 @@ /zh-CN/docs/Web/CSS/CSS_Background_and_Borders/Box-shadow_generator /zh-CN/docs/Web/CSS/CSS_Backgrounds_and_Borders/Box-shadow_generator /zh-CN/docs/Web/CSS/CSS_Background_and_Borders/圆角边框发生器 /zh-CN/docs/Web/CSS/CSS_Backgrounds_and_Borders/Border-radius_generator /zh-CN/docs/Web/CSS/CSS_Backgrounds_and_Borders/Scaling_background_images /zh-CN/docs/Web/CSS/CSS_Backgrounds_and_Borders/Resizing_background_images +/zh-CN/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property /zh-CN/docs/conflicting/Web/CSS/cursor /zh-CN/docs/Web/CSS/CSS_Box_Model/Box-shadow_generator /zh-CN/docs/Web/CSS/CSS_Backgrounds_and_Borders/Box-shadow_generator /zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Flexbox_的_向下_支持 /zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Backwards_Compatibility_of_Flexbox /zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/典型_用例_的_Flexbox /zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox @@ -1752,7 +1753,7 @@ /zh-CN/docs/Web/CSS/clamp /zh-CN/docs/Web/CSS/clamp() /zh-CN/docs/Web/CSS/counter /zh-CN/docs/Web/CSS/counter() /zh-CN/docs/Web/CSS/counters /zh-CN/docs/Web/CSS/counters() -/zh-CN/docs/Web/CSS/cursor/url /zh-CN/docs/Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +/zh-CN/docs/Web/CSS/cursor/url /zh-CN/docs/conflicting/Web/CSS/cursor /zh-CN/docs/Web/CSS/element /zh-CN/docs/Web/CSS/element() /zh-CN/docs/Web/CSS/env /zh-CN/docs/Web/CSS/env() /zh-CN/docs/Web/CSS/filter-function/blur /zh-CN/docs/Web/CSS/filter-function/blur() diff --git a/files/zh-cn/_wikihistory.json b/files/zh-cn/_wikihistory.json index f3ae0618d0..88c5dd775d 100644 --- a/files/zh-cn/_wikihistory.json +++ b/files/zh-cn/_wikihistory.json @@ -26023,14 +26023,6 @@ "namklaw" ] }, - "Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property": { - "modified": "2019-03-23T23:32:59.999Z", - "contributors": [ - "xgqfrms-GitHub", - "teoli", - "ziyunfei" - ] - }, "Web/CSS/CSS_Box_Alignment": { "modified": "2020-02-11T06:02:03.390Z", "contributors": [ @@ -47516,6 +47508,14 @@ "Chajn" ] }, + "conflicting/Web/CSS/cursor": { + "modified": "2019-03-23T23:32:59.999Z", + "contributors": [ + "xgqfrms-GitHub", + "teoli", + "ziyunfei" + ] + }, "conflicting/Web/CSS/easing-function": { "modified": "2020-10-15T21:21:10.131Z", "contributors": [ diff --git a/files/zh-cn/conflicting/web/css/cursor/index.html b/files/zh-cn/conflicting/web/css/cursor/index.html new file mode 100644 index 0000000000..fe2630c599 --- /dev/null +++ b/files/zh-cn/conflicting/web/css/cursor/index.html @@ -0,0 +1,126 @@ +--- +title: Using URL values for the cursor property +slug: conflicting/Web/CSS/cursor +tags: + - Cursor + - URL +translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +original_slug: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property +--- +

Gecko 1.8 (Firefox 1.5，SeaMonkey 1.0) 支持CSS的URL值 {{cssxref("cursor")}} 属性在Windows和Linux。Mac支持是在Gecko 2（Firefox 4）中添加的。这允许将任意图像指定为鼠标光标 - 可以使用Gecko支持的任何图像格式。

+ +

语法

+ +

此属性的基本（CSS 2.1）语法是：

+ +
cursor: [<url>,]* keyword;
+
+ +

这意味着可以指定零个或多个URL（逗号分隔），后面必须跟随CSS规范中定义的一个关键字，例如 auto或 pointer。

+ +

例如，将允许以下值：

+ +
cursor: url(foo.cur), url(http://www.example.com/bar.gif), auto;
+
+ +

首先尝试加载 foo.cur。如果文件不存在或者其它无效原因，bar.gif被尝试加载，如果bar.gif不能被加载，那么使用auto。

+ +

在Gecko 1.8beta3 (Deer Park Alpha 2)中加入了对CSS3 语法的指针属性的支持。

+ +
cursor:  [<uri> [<x> <y>]?,]* keyword
+ +

因此，它能在Firefox 1.5中工作。它允许定义指针的热点，加强对指针图橡的边界的控制。如果一个也没有设置，指针的热点会从文件本身读取（适合CUR和XBM文件类型）。否则，设置成图像的左上角。一个CSS3语法的例子：

+ +
.foo  {
+    cursor:  auto;
+    cursor:  url(cursor1.png) 4 12, auto;
+}
+
+.bar  {
+    cursor:  pointer;
+    cursor:  url(cursor2.png) 2 2, pointer;
+}
+
+/*
+fallsback onto 'auto' and 'pointer' in IE,
+but must be set separately
+*/
+ +

第一个数字是X坐标，第二个数字是Y坐标。该示例将热点设置为从左上角（0,0）到（4,12）处的像素。

+ +

局限性

+ +

可以使用任何被Gecko所支持的图像格式。这意味着你可以使用BMP，JPG，CUR，GIF等等。可是，ANI不被支持。还有即使你定义一个GIF动画，指针也不会变成GIF动画。这个局限性可能在以后的版本去掉。

+ +

Gecko它本身不能限制被替换的指针大小。无论如何，你应该自己限制图像的最大值在32x32，以便兼容各种平台的操作系统。尤其是大于这个尺寸的指针不能在Windows 9x (95，98，ME）下工作。

+ +

透明效果的指针在Windows XP以前都不被支持。这是操作系统的一个局限性。透明效果可以在所有平台下工作。

+ +

只 有Windows，OS/2和Linux（使用Gtk+ 2.4及更高版本）的Mozilla版本支持光标属性的URL参数。其它版本可能在以后的版本中加入支持(Mac OS: {{ Bug(286304) }}, QNX Neutrino: {{ Bug(286307) }}, XLib: {{ Bug(286309) }}, Qt: {{ Bug(286310) }}, BeOS: {{ Bug(298184) }}, Gtk 2.0/2.2: {{ Bug(308536) }})。

+ +

关于其它浏览器的兼容性

+ +

Microsoft Internet Explorer 6.0还支持cursor属性的URI值。然而：

+ +
    +
  • IE只支持CUR和ANI格式。
    • +
  • IE不支持带有x和y坐标的CSS 3语法。将忽略光标图像和属性的其余部分。
    • +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
BrowserLowest versionformats (e.g.)x-y-coordinates
Internet Explorer6.0.cur | .ani---
Firefox (Gecko), Windows and Linux1.5 (1.8).cur | .png | .gif | .jpg1.5 (1.8)
Firefox (Gecko)4.0 (2.0).cur | .png | .gif | .jpg | .svg(Gecko 2.0)
Opera---------
Safari (Webkit)3.0 (522-523).cur | .png | .gif | .jpg3.0 (522-523)
Since OS X 10.5 supports Safari (Mac) .curfiles
+ +

它也使用不严格的光标属性语法。例如像这样的参数：

+ +
cursor: url(foo.cur);
+
+ +

或者：

+ +
cursor: url(foo.cur), pointer, url(bar.cur), auto;
+
+ +

可以在MSIE上工作，但是不能在Gecko上面工作。因为Gecko的兼容性与CSS的规范一致，URIs表始终放置在前面，在最后放置正确的关键字。

+ +

 

diff --git a/files/zh-cn/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html b/files/zh-cn/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html deleted file mode 100644 index e77cea2ec5..0000000000 --- a/files/zh-cn/web/css/css_basic_user_interface/using_url_values_for_the_cursor_property/index.html +++ /dev/null @@ -1,126 +0,0 @@ ---- -title: Using URL values for the cursor property -slug: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property -tags: - - Cursor - - URL -translation_of: Web/CSS/CSS_Basic_User_Interface/Using_URL_values_for_the_cursor_property -original_slug: Web/CSS/cursor/url ---- -

Gecko 1.8 (Firefox 1.5，SeaMonkey 1.0) 支持CSS的URL值 {{cssxref("cursor")}} 属性在Windows和Linux。Mac支持是在Gecko 2（Firefox 4）中添加的。这允许将任意图像指定为鼠标光标 - 可以使用Gecko支持的任何图像格式。

- -

语法

- -

此属性的基本（CSS 2.1）语法是：

- -
cursor: [<url>,]* keyword;
-
- -

这意味着可以指定零个或多个URL（逗号分隔），后面必须跟随CSS规范中定义的一个关键字，例如 auto或 pointer。

- -

例如，将允许以下值：

- -
cursor: url(foo.cur), url(http://www.example.com/bar.gif), auto;
-
- -

首先尝试加载 foo.cur。如果文件不存在或者其它无效原因，bar.gif被尝试加载，如果bar.gif不能被加载，那么使用auto。

- -

在Gecko 1.8beta3 (Deer Park Alpha 2)中加入了对CSS3 语法的指针属性的支持。

- -
cursor:  [<uri> [<x> <y>]?,]* keyword
- -

因此，它能在Firefox 1.5中工作。它允许定义指针的热点，加强对指针图橡的边界的控制。如果一个也没有设置，指针的热点会从文件本身读取（适合CUR和XBM文件类型）。否则，设置成图像的左上角。一个CSS3语法的例子：

- -
.foo  {
-    cursor:  auto;
-    cursor:  url(cursor1.png) 4 12, auto;
-}
-
-.bar  {
-    cursor:  pointer;
-    cursor:  url(cursor2.png) 2 2, pointer;
-}
-
-/*
-fallsback onto 'auto' and 'pointer' in IE,
-but must be set separately
-*/
- -

第一个数字是X坐标，第二个数字是Y坐标。该示例将热点设置为从左上角（0,0）到（4,12）处的像素。

- -

局限性

- -

可以使用任何被Gecko所支持的图像格式。这意味着你可以使用BMP，JPG，CUR，GIF等等。可是，ANI不被支持。还有即使你定义一个GIF动画，指针也不会变成GIF动画。这个局限性可能在以后的版本去掉。

- -

Gecko它本身不能限制被替换的指针大小。无论如何，你应该自己限制图像的最大值在32x32，以便兼容各种平台的操作系统。尤其是大于这个尺寸的指针不能在Windows 9x (95，98，ME）下工作。

- -

透明效果的指针在Windows XP以前都不被支持。这是操作系统的一个局限性。透明效果可以在所有平台下工作。

- -

只 有Windows，OS/2和Linux（使用Gtk+ 2.4及更高版本）的Mozilla版本支持光标属性的URL参数。其它版本可能在以后的版本中加入支持(Mac OS: {{ Bug(286304) }}, QNX Neutrino: {{ Bug(286307) }}, XLib: {{ Bug(286309) }}, Qt: {{ Bug(286310) }}, BeOS: {{ Bug(298184) }}, Gtk 2.0/2.2: {{ Bug(308536) }})。

- -

关于其它浏览器的兼容性

- -

Microsoft Internet Explorer 6.0还支持cursor属性的URI值。然而：

- -
    -
  • IE只支持CUR和ANI格式。
    • -
  • IE不支持带有x和y坐标的CSS 3语法。将忽略光标图像和属性的其余部分。
    • -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
BrowserLowest versionformats (e.g.)x-y-coordinates
Internet Explorer6.0.cur | .ani---
Firefox (Gecko), Windows and Linux1.5 (1.8).cur | .png | .gif | .jpg1.5 (1.8)
Firefox (Gecko)4.0 (2.0).cur | .png | .gif | .jpg | .svg(Gecko 2.0)
Opera---------
Safari (Webkit)3.0 (522-523).cur | .png | .gif | .jpg3.0 (522-523)
Since OS X 10.5 supports Safari (Mac) .curfiles
- -

它也使用不严格的光标属性语法。例如像这样的参数：

- -
cursor: url(foo.cur);
-
- -

或者：

- -
cursor: url(foo.cur), pointer, url(bar.cur), auto;
-
- -

可以在MSIE上工作，但是不能在Gecko上面工作。因为Gecko的兼容性与CSS的规范一致，URIs表始终放置在前面，在最后放置正确的关键字。

- -

 

-- cgit v1.2.3-54-g00ecf