From 83dc41684f5caaf910c5578754bcdc489df4de38 Mon Sep 17 00:00:00 2001 From: Alexander Date: Wed, 26 Oct 2022 13:20:48 -0500 Subject: [PATCH 1/8] css-orphaned-conflicting html cleanup --- .../objects/classes_in_javascript/index.html | 2 +- .../index.html | 6 +- .../conflicting/web/css/css_fonts/index.html | 18 +- .../index.html | 206 ++-- .../developer_guide/index.html | 6 +- .../svg/svg_1.1_support_in_firefox/index.html | 938 +++++++++--------- files/es/web/css/specificity/index.html | 2 +- .../web/css/text-decoration-line/index.html | 4 +- files/es/web/css/text-overflow/index.html | 4 +- files/es/web/css/text-transform/index.html | 2 +- .../es/web/css/transform-function/index.html | 40 +- files/es/web/css/transform/index.html | 10 +- .../es/web/css/transition-duration/index.html | 2 +- files/es/web/css/user-select/index.html | 2 +- files/es/web/index.html | 8 +- files/es/web/opensearch/index.html | 35 +- 16 files changed, 587 insertions(+), 698 deletions(-) diff --git a/files/es/conflicting/learn/javascript/objects/classes_in_javascript/index.html b/files/es/conflicting/learn/javascript/objects/classes_in_javascript/index.html index db0d3d0caf8e4a..6cfca2b8fe05d3 100644 --- a/files/es/conflicting/learn/javascript/objects/classes_in_javascript/index.html +++ b/files/es/conflicting/learn/javascript/objects/classes_in_javascript/index.html @@ -28,7 +28,7 @@

Con lo básico fuera del camino, nos enfocaremos en Javascript Orientado a Objetos (JSOO) — este artículo presenta una descripción básica de la teoría de la Programación Orientada a Objetos (POO), luego explora cómo Javascript emula classes de objetos via funciones constructoras, y cómo crea instancias de objetos.

- +
diff --git a/files/es/conflicting/mdn/writing_guidelines/page_structures_479b8c93d0b37a3f2a020112ae60e692/index.html b/files/es/conflicting/mdn/writing_guidelines/page_structures_479b8c93d0b37a3f2a020112ae60e692/index.html index 5085ae18b4c62e..5a019c65dbfcec 100644 --- a/files/es/conflicting/mdn/writing_guidelines/page_structures_479b8c93d0b37a3f2a020112ae60e692/index.html +++ b/files/es/conflicting/mdn/writing_guidelines/page_structures_479b8c93d0b37a3f2a020112ae60e692/index.html @@ -38,11 +38,11 @@

Macro de ejemplos ejecutables

Hay dos macros que puedes usar para desplegar ejemplos ejecutables:

-

En muchos casos, tienes la posibilidad de agregar la macro EmbedLiveSample o la LiveSampleLink con ¡poco o nada de trabajo adicional! Mientras el ejemplo pueda ser identificado por un ID de un header o esté en un bloque de contenido con un ID que puedas usar, simplemente agregar la macro será suficiente.

+

En muchos casos, tienes la posibilidad de agregar la macro EmbedLiveSample o la LiveSampleLink con ¡poco o nada de trabajo adicional! Mientras el ejemplo pueda ser identificado por un ID de un header o esté en un bloque de contenido con un ID que puedas usar, simplemente agregar la macro será suficiente.

Macro EmbedLiveSample

diff --git a/files/es/conflicting/web/css/css_fonts/index.html b/files/es/conflicting/web/css/css_fonts/index.html index 00a24e08204021..e4e47231e45e76 100644 --- a/files/es/conflicting/web/css/css_fonts/index.html +++ b/files/es/conflicting/web/css/css_fonts/index.html @@ -10,20 +10,18 @@ ---

Definición

-

basefont -fuente base . Permite cambiar algunas propiedades del texto.

-
-
Sus etiquetas son: <basefont> (solo tiene una).
-
Está definido como: Elemento desaprobado. +
basefont -fuente base . Permite cambiar algunas propiedades del texto.
+ +
Sus etiquetas son: <basefont> (solo tiene una).

+
+
Está definido como: Elemento desaprobado.
En un doctype transicional está definido como un elemento especial y por lo tanto en línea.
-
-
- -
-
Crea una caja: No.
-
Puede contener: Nada.
+

+ Crea una caja: No. + Puede contener: Nada.

Atributos

diff --git a/files/es/conflicting/web/javascript/inheritance_and_the_prototype_chain/index.html b/files/es/conflicting/web/javascript/inheritance_and_the_prototype_chain/index.html index dbac6f29bb62e9..45d8ff943181fa 100644 --- a/files/es/conflicting/web/javascript/inheritance_and_the_prototype_chain/index.html +++ b/files/es/conflicting/web/javascript/inheritance_and_the_prototype_chain/index.html @@ -60,51 +60,51 @@

Resumen de las diferencias

La siguiente tabla muestra un pequeño resumen de algunas de estas diferencias. El resto de este capítulo describe los detalles del uso de los constructores JavaScript y los prototipos para crear una jerarquía de objetos, y compara esta forma de herencia no basada en clases con la basada en clases que utiliza Java.

Prerequisitos:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Tabla 8.1 Comparación de los sistemas de objetos basados en clases (Java) y basados en prototipos (JavaScript)
CategoríaBasado en clases (Java)Basado en prototipos (JavaScript)
Clase vs. InstanciaLa clase y su instancia son entidades distintas.Todos los objetos pueden heredar de otro objeto.
DefiniciónDefine una clase con una definición class; se instancia una clase con métodos constructores.Define y crea un conjunto de objetos con funciones constructoras.
Creación de objetoSe crea un objeto con el operador new.Se crea un objeto con el operador new.
Construcción de jerarquía de objetosSe construye una jerarquía de objetos utilizando definiciones de clases para definir subclases de clases existentes. -

Se construye una jerarquía de objetos mediante la asignación de un objeto como el prototipo asociado a una función constructora.

-
HerenciaSe heredan propiedades siguiendo la cadena de clases.Se heredan propiedades siguiendo la cadena de prototipos.
Extensión de propiedadesLa definición de una clase especifica todas las propiedades de todas las instancias de esa clase. No se puede añadir propiedades dinámicamente en tiempo de ejecución. -

El conjunto inicial de propiedades lo determina la función constructor o el prototipo. Se pueden añadir y quitar propiedades dinámicamente a objetos específicos o a un conjunto de objetos.

-
+ Tabla 8.1 Comparación de los sistemas de objetos basados en clases (Java) y basados en prototipos (JavaScript) + + + Categoría + Basado en clases (Java) + Basado en prototipos (JavaScript) + + + + + Clase vs. Instancia + La clase y su instancia son entidades distintas. + Todos los objetos pueden heredar de otro objeto. + + + Definición + Define una clase con una definición class; se instancia una clase con métodos constructores. + Define y crea un conjunto de objetos con funciones constructoras. + + + Creación de objeto + Se crea un objeto con el operador new. + Se crea un objeto con el operador new. + + + Construcción de jerarquía de objetos + Se construye una jerarquía de objetos utilizando definiciones de clases para definir subclases de clases existentes. + +

Se construye una jerarquía de objetos mediante la asignación de un objeto como el prototipo asociado a una función constructora.

+ + + + Herencia + Se heredan propiedades siguiendo la cadena de clases. + Se heredan propiedades siguiendo la cadena de prototipos. + + + Extensión de propiedades + La definición de una clase especifica todas las propiedades de todas las instancias de esa clase. No se puede añadir propiedades dinámicamente en tiempo de ejecución. + +

El conjunto inicial de propiedades lo determina la función constructor o el prototipo. Se pueden añadir y quitar propiedades dinámicamente a objetos específicos o a un conjunto de objetos.

+ + + +

El ejemplo employee

@@ -168,25 +168,14 @@

Creación de la jerarquía

Las siguientes definiciones de Employee en Java y en Javascript son similares, la única diferencia es que en Java necesitas especificar el tipo para cada propiedad, no así en Javascript (esto es debido a que Java es un lenguaje fuertemente tipado, mientras que Javascript es un lenguaje débilmente tipado).

- - - - - - - - - - - - - -
JavaScriptJava
-
+
+  

JavaScript

 function Employee () {
   this.name = "";
   this.dept = "general";
 }
 
-
-
+   

Java

 public class Employee {
    public String name;
    public String dept;
@@ -196,24 +185,11 @@ 

Creación de la jerarquía

}
-

Las definiciones de Manager y WorkerBee ilustran la diferencia a la hora de especificar el siguiente objeto en la jerarquía de herencia. En JavaScript se añade una instancia prototípica como el valor de la propiedad prototype de la función constructora, así sobre escribe prototype.constructor con la función constructora. Puede hacerse en cualquier momento una vez definido el constructor. En Java se especifica la superclase en la definición de la clase. No se puede cambiar la superclase fuera de la definición de la clase.

- - - - - - - - - - - - - -
JavaScriptJava
-
+
+  

JavaScript

 function Manager () {
   this.reports = [];
 }
@@ -224,9 +200,7 @@ 

Creación de la jerarquía

} WorkerBee.prototype = new Employee;
-
-
+   

Java

 public class Manager extends Employee {
    public Employee[] reports;
    public Manager () {
@@ -241,24 +215,11 @@ 

Creación de la jerarquía

}
-

Las definiciones de Engineer y SalesPerson crean objetos que descienden de WorkerBee y por tanto de Employee. Un objeto de éste tipo tiene todas las propiedades de los objetos por encima de él en la cadena. Además, estas definiciones reemplazan los valores heredados de la propiedad dept con nuevos valores específicos para estos objetos.

- - - - - - - - - - - - - -
JavaScriptJava
-
+
+  

JavaScript

 function SalesPerson () {
    this.dept = "sales";
    this.quota = 100;
@@ -271,9 +232,7 @@ 

Creación de la jerarquía

} Engineer.prototype = new WorkerBee;
-
-
+   

Java

 public class SalesPerson extends WorkerBee {
    public double quota;
    public SalesPerson () {
@@ -290,10 +249,6 @@ 

Creación de la jerarquía

} }
-

Usando estas definiciones puedes crear instancias de estos objetos, que adquieren valores por defecto para sus propiedades. La figura 8.3 revela el uso de estas definiciones JavaScript para crear nuevos objetos y muestra los valores de las propiedades de estos nuevos objetos.

@@ -369,25 +324,14 @@

Constructores más flexibles

La siguiente tabla muestra las definiciones Java y JavaScript para estos objetos.

- - - - - - - - - - - - - - - - - - - -
JavaScriptJava
-
+
+  

JavaScript

 function Employee (name, dept) {
   this.name = name || "";
   this.dept = dept || "general";
 }
 
-
-
+   

Java

 public class Employee {
    public String name;
    public String dept;
@@ -405,17 +349,13 @@ 

Constructores más flexibles

-
+  

JavaScript

 function WorkerBee (projs) {
   this.projects = projs || [];
 }
 WorkerBee.prototype = new Employee;
 
-
-
+   

Java

 public class WorkerBee extends Employee {
    public String[] projects;
    public WorkerBee () {
@@ -429,9 +369,7 @@ 

Constructores más flexibles

-
+  

JavaScript

 
 function Engineer (mach) {
    this.dept = "engineering";
@@ -439,9 +377,7 @@ 

Constructores más flexibles

} Engineer.prototype = new WorkerBee;
-
-
+   

Java

 public class Engineer extends WorkerBee {
    public String machine;
    public Engineer () {
@@ -454,10 +390,6 @@ 

Constructores más flexibles

} }
-

Estas definiciones JavaScript realizan un uso idiomático especial para asignar valores por defecto:

@@ -548,28 +480,20 @@

Constructores más flexibles

Otra forma de llamar al constructor es mediante el uso de los métodos call() / apply():

- - - - - - -
-
+
+  

JavaScript

 function Engineer (name, projs, mach) {
   this.base = WorkerBee;
   this.base(name, "engineering", projs);
   this.machine = mach || "";
 }
 
-
-
+   

Java

 function Engineer (name, projs, mach) {
   WorkerBee.call(this, name, "engineering", projs);
   this.machine = mach || "";
 }
 
-

Usar el método Javascript call() da como resultado una implementación más limpia ya que base ya no es necesaria. Mediante call() se llama a la función constructor WorkerBee como un método, pasándole explícitamente this. El efecto es el mismo que el producido al llamar al constructor a través de la propiedad base: en la llamada a WorkerBee, this está ligado al objeto que se está creando en Engineer.

@@ -647,7 +571,7 @@

Determinar las relaciones en

La búsqueda de propiedades en la cadena de prototipos comienza en las propiedades locales del objeto y si no se encuentran localmente, se busca a través de la propiedad __proto__ del objeto. La búsqueda continúa recursivamente, conociéndose como "búsqueda en la cadena de prototipos".

-

La propiedad especial __proto__ de un objeto recibe su valor en el momento en el que es creado; se le asigna el valor de la propiedad prototype de la función constructor usada para crear el objeto. Así, la expresión new Foo() crea un objeto con __proto__ == Foo.prototype. Por tanto, los cambios que se realicen en las propiedades de Foo.prototype alteraran la búsqueda de propiedades de todos los objetos que se crearon mediante new Foo().

+

La propiedad especial __proto__ de un objeto recibe su valor en el momento en el que es creado; se le asigna el valor de la propiedad prototype de la función constructor usada para crear el objeto. Así, la expresión new Foo() crea un objeto con __proto__ == Foo.prototype. Por tanto, los cambios que se realicen en las propiedades de Foo.prototype alteraran la búsqueda de propiedades de todos los objetos que se crearon mediante new Foo().

Todo objeto tiene una propiedad __proto__ (salvo Object); toda función tiene una propiedad prototype. Es así como los objetos pueden relacionarse mediante 'herencia de prototipos' con otros objetos. Puedes comprobar la herencia comparando el valor de la propiedad __proto__ con el valor de prototype de una función constructor. JavaScript proporciona un atajo: el operador instanceof que compara un objeto con una función constructor y devuelve true si el objeto hereda del prototipo de la función. Por ejemplo,

diff --git a/files/es/orphaned/web/progressive_web_apps/developer_guide/index.html b/files/es/orphaned/web/progressive_web_apps/developer_guide/index.html index 2dc1af0c22a871..30d9827ad60453 100644 --- a/files/es/orphaned/web/progressive_web_apps/developer_guide/index.html +++ b/files/es/orphaned/web/progressive_web_apps/developer_guide/index.html @@ -23,7 +23,7 @@
-

Web app basics

+

Web app basics

Introduction and getting started with PWA development
@@ -55,7 +55,7 @@

Advanced topics

-

Polishing web apps

+

Polishing web apps

Web API equivalents for common native APIs
@@ -68,7 +68,7 @@

Polishing web apps

description
- +
some topic
diff --git a/files/es/orphaned/web/svg/svg_1.1_support_in_firefox/index.html b/files/es/orphaned/web/svg/svg_1.1_support_in_firefox/index.html index 9e4c3943ab1b71..6322c68dbc93c9 100644 --- a/files/es/orphaned/web/svg/svg_1.1_support_in_firefox/index.html +++ b/files/es/orphaned/web/svg/svg_1.1_support_in_firefox/index.html @@ -8,7 +8,7 @@ translation_of: Web/SVG/SVG_1.1_Support_in_Firefox original_slug: Web/SVG/SVG_1.1_Support_in_Firefox --- -

+

Firefox 2 sigue avanzando en la mejora de la implementación de Gráficos vectoriales escalables (SVG). Aunque el único elemento añadido a los ya soportados por Firefox 1.5 ha sido <textPath>, se han resuelto varios fallos y se ha incorporado parte de la especificación.

Firefox SVG es un subconjunto de SVG 1.1, pero no es ninguno de los perfiles oficiales (Tiny, Basic, Full). Al final de este documento se puede encontrar una lista completa de los elementos SVG y su estado de implementación en Firefox 2.0. El resto del documento aporta información sobre las limitaciones en la implementación.

La particular implementación que hemos realizado puede dificultar la creación de contenidos. Le pedimos que tenga paciencia mientras trabajamos en la implementación completa de esta extensa especificación.

@@ -29,7 +29,6 @@

Opacidad de grupos

La propiedad de opacidad de grupo opacity permite que los objetos contenedores SVG puedan ser tratados como capas semitransparentes, y está separada de las propiedades "fill-opacity" y "stroke-opacity". La implementación actual de "opacity" consume bastantes recursos, debería ser usada con mesura. "fill-opacity" y "stroke-opacity" son mucho más rápidas, y dependiendo de su contenido pueden aportar los mismos resultados.

Fuentes rotadas

En las plataformas Microsoft Windows y Mac OSX, un texto rotado no es rellenado completamente. El error es por lo general despreciable y puede solucionarse usando un relleno un poquito más grueso. A continuación se muestra un ejemplo con la diferencia:

-

Imagen:Text-fill-stroke.png

<image>

<image> no soporta imágenes SVG en Firefox 1.5, sólo los formatos de imagen rasterizados que Firefox maneja.

Todas las instancias de <image> tienen una copia separada de la imagen que está siendo usada, lo cual es algo a tener en cuenta si tu contenido está usando múltiples copias de una imagen para un icono o algo parecido. Desafortunadamente, <use> en contenido <image> cuenta como otra copia en este caso.

@@ -89,18 +88,11 @@

Fa
  • El tamaño de las fuentes impresas en Windows ya no es tan grande como el especificado por el SVG (bug 314707).
  • Estado de la implementación de los elementos

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + +
    Elemento Notas
    Módulo de estructura
    svg + + + + svg +
    • Implementado.
    • Los atributos DOM currentScale y currentTranslate están implementados pero no existe una interfaz de usuario para pan ni zoom.
    • @@ -111,109 +103,109 @@

      -

    g + + + + g +
    • Implementado.
    -
    defs + + + + defs +
    • Implementado.
    -
    desc + + + + desc +
    • Implementado.
    • Solo disponible en el DOM, sin interfaz de usuario.
    -
    title + + + + title +
    • Implementado.
    -
    metadata + + + + metadata +
    • Implementado.
    • Solo disponible en el DOM, sin interfaz de usuario. </td>
    -
    symbol + + + + symbol +
    • Implementado.
    -
    use + + + + use +
    • Implementado.
    • Solo funciona para referencias internas al documento (bug 269482).
    • No sigue completamente las reglas de la cascada <svg:use> (bug 265894).
    • No entrega eventos a un arbol SVGElementInstance (bug 265895).
    -
    Módulo de procesamiento condicional
    switch + + + + + + + switch +
    • Implementado.
    -
    Módulo de imagen
    image + + + + + + + image +
    • Implementado.
    • Solo funciona para tramas de bitmaps (bug 272288).
    -
    Módulo de estilo
    style + + + + + + + style +
    • Implementado.
    -
    Módulo de formas
    path + + + + + + + path +
    • Implementado.
    • Interfaz SVGPathElement @@ -228,62 +220,62 @@

      -

    rect + + + + rect +
    • Implementado.
    -
    circle + + + + circle +
    • Implementado.
    -
    line + + + + line +
    • Implementado.
    -
    ellipse + + + + ellipse +
    • Implementado.
    -
    polyline + + + + polyline +
    • Implementado.
    -
    polygon + + + + polygon +
    • Implementado.
    -
    Módulo de texto
    text + + + + + + + text +
    • Implementado.
    • SVGTextElement @@ -294,11 +286,11 @@

      -

    tspan + + + + tspan +
    • Implementado.
    • SVGTSpanElement @@ -308,541 +300,541 @@

      -

    tref + + + + tref +
    • No implementado.
    -
    textPath + + + + textPath +
    • Implementado en Firefox 2.
    • Atributos no implementados: method, spacing, textLength, lengthAdjust
    -
    altGlyph + + + + altGlyph +
    • No implementado.
    -
    altGlyphDef + + + + altGlyphDef +
    • No implementado.
    -
    altGlyphItem + + + + altGlyphItem +
    • No implementado.
    -
    glyphRef + + + + glyphRef +
    • No implementado.
    -
    Módulo de pinceles
    marker + + + + + + + marker +
    • Implementado.
    -
    Color Módulo de perfiles
    color-profile + + + + + + + color-profile +
    • No implementado.
    -
    Módulo de gradientes
    linearGradient + + + + + + + linearGradient +
    • Implementado.
    -
    radialGradient + + + + radialGradient +
    • Implementado.
    -
    stop + + + + stop +
    • Implementado.
    -
    Módulo de patrones
    pattern + + + + + + + pattern +
    • No implementado.
    -
    Módulo de recorte
    clipPath + + + + + + + clipPath +
    • Implementado.
    • No maneja los caminos de recorte que tiene elementos con diferentes propiedades de reglas de recorte o que referencian otros clipPaths. (bug 267224).
    -
    Módulo de máscaras
    mask + + + + + + + mask +
    • No implementado.
    -
    Módulo de filtros
    filter + + + + + + + filter +
    • No implementado.
    -
    feBlend + + + + feBlend +
    • No implementado.
    -
    feColorMatrix + + + + feColorMatrix +
    • No implementado.
    -
    feComponentTransfer + + + + feComponentTransfer +
    • No implementado.
    -
    feComposite + + + + feComposite +
    • No implementado.
    -
    feConvolveMatrix + + + + feConvolveMatrix +
    • No implementado.
    -
    feDiffuseLighting + + + + feDiffuseLighting +
    • No implementado.
    -
    feDisplacementMap + + + + feDisplacementMap +
    • No implementado.
    -
    feFlood + + + + feFlood +
    • No implementado.
    -
    feGaussianBlur + + + + feGaussianBlur +
    • No implementado.
    -
    feImage + + + + feImage +
    • No implementado.
    -
    feMerge + + + + feMerge +
    • No implementado.
    -
    feMergeNode + + + + feMergeNode +
    • No implementado.
    -
    feMorphology + + + + feMorphology +
    • No implementado.
    -
    feOffset + + + + feOffset +
    • No implementado.
    -
    feSpecularLighting + + + + feSpecularLighting +
    • No implementado.
    -
    feTile + + + + feTile +
    • No implementado.
    -
    feTurbulence + + + + feTurbulence +
    • No implementado.
    -
    feDistantLight + + + + feDistantLight +
    • No implementado.
    -
    fePointLight + + + + fePointLight +
    • No implementado.
    -
    feSpotLight + + + + feSpotLight +
    • No implementado.
    -
    feFuncR + + + + feFuncR +
    • No implementado.
    -
    feFuncG + + + + feFuncG +
    • No implementado.
    -
    feFuncB + + + + feFuncB +
    • No implementado.
    -
    feFuncA + + + + feFuncA +
    • No implementado.
    -
    Módulo de cursores
    cursor + + + + + + + cursor +
    • No implementado.
    -
    Módulos de hiperenlaces
    a + + + + + + + a +
    • Implementado como un binding XBL - object is not of type SVGAElement.
    • Sólo están implementados los atributos xlink:href, xlink:show y xlink:target (en Firefox 2).
    -
    Módulo de vista
    view + + + + + + + view +
    • No implementado.
    -
    Módulo de scripting
    script + + + + + + + script +
    • Implementado.
    -
    Módulo de animación
    animate + + + + + + + animate +
    • No implementado.
    -
    set + + + + set +
    • No implementado.
    -
    animateMotion + + + + animateMotion +
    • No implementado.
    -
    animateTransform + + + + animateTransform +
    • No implementado.
    -
    animateColor + + + + animateColor +
    • No implementado.
    -
    mpath + + + + mpath +
    • No implementado.
    -
    Módulo de fuentes
    font + + + + + + + font +
    • No implementado.
    -
    font-face + + + + font-face +
    • No implementado.
    -
    glyph + + + + glyph +
    • No implementado.
    -
    missing-glyph + + + + missing-glyph +
    • No implementado.
    -
    hkern + + + + hkern +
    • No implementado.
    -
    vkern + + + + vkern +
    • No implementado.
    -
    font-face-src + + + + font-face-src +
    • No implementado.
    -
    font-face-uri + + + + font-face-uri +
    • No implementado.
    -
    font-face-format + + + + font-face-format +
    • No implementado.
    -
    font-face-name + + + + font-face-name +
    • No implementado.
    -
    definition-src + + + + definition-src +
    • No implementado.
    -
    Módulo de extensibilidad
    foreignObject + + + + + + + foreignObject +
    • Implementado, aunque no integrado.
    -

    {{ languages( { "fr": "fr/SVG_dans_Firefox_1.5", "ja": "ja/SVG_in_Firefox_1.5", "pl": "pl/SVG_w_Firefoksie" } ) }}

    diff --git a/files/es/web/css/specificity/index.html b/files/es/web/css/specificity/index.html index 8e24446b119df6..a77c9534629b4e 100644 --- a/files/es/web/css/specificity/index.html +++ b/files/es/web/css/specificity/index.html @@ -24,7 +24,7 @@

    Tipos de selectores

    La siguiente lista de tipos de selectores incrementa en función de la especificidad:

    -
      +
      1. Selectores de tipo (p.e., h1) y pseudo-elementos (p.e., ::before).
      2. Selectores de clase (p.e., .example), selectores de atributos (p.e., [type="radio"]) y pseudo-clases (p.e., :hover).
      3. Selectores de ID (p.e., #example).
      4. diff --git a/files/es/web/css/text-decoration-line/index.html b/files/es/web/css/text-decoration-line/index.html index 7114256b50374e..df9cf2722bb4f2 100644 --- a/files/es/web/css/text-decoration-line/index.html +++ b/files/es/web/css/text-decoration-line/index.html @@ -34,9 +34,9 @@

        Sintaxis

        Valores

        -

        none

        -
        +
        none
        +
        No agrega decoración al texto.
        underline
        Cada línea del texto lleva subrayado inferior.
        diff --git a/files/es/web/css/text-overflow/index.html b/files/es/web/css/text-overflow/index.html index a30b03c6b7a7d6..9ddc18d6a5c4a2 100644 --- a/files/es/web/css/text-overflow/index.html +++ b/files/es/web/css/text-overflow/index.html @@ -40,8 +40,8 @@

        Values

        fade {{experimental_inline}}
        This keyword clips the overflowing inline content and applies a fade-out effect near the edge of the line box with complete transparency at the edge.
        fade( <length> | <percentage> ) {{experimental_inline}}
        -
        This function clips the overflowing inline content and applies a fade-out effect near the edge of the line box with complete transparency at the edge.
        -
        The argument determines the distance over which the fade effect is applied. The {{cssxref("<percentage>")}} is resolved against the width of the line box. Values lower than 0 are clipped to 0. Values greater than the width of the line box are clipped to the width of the line box.
        +
        This function clips the overflowing inline content and applies a fade-out effect near the edge of the line box with complete transparency at the edge.

        + The argument determines the distance over which the fade effect is applied. The {{cssxref("<percentage>")}} is resolved against the width of the line box. Values lower than 0 are clipped to 0. Values greater than the width of the line box are clipped to the width of the line box.

        Formal syntax

        diff --git a/files/es/web/css/text-transform/index.html b/files/es/web/css/text-transform/index.html index b7a9238d96670e..d30660626f27b2 100644 --- a/files/es/web/css/text-transform/index.html +++ b/files/es/web/css/text-transform/index.html @@ -69,7 +69,7 @@

        Valores

        Es una palabra clave que fuerza a que la primera letra de cada palabra sea convertida a mayúscula. EL resto de caracteres no es modificado; eso significa que mantienen su tamaño original, como haya sido escrito en el texto del elemento. Una letra es cualquier caracter Unicode que sea parte de la categoría general de Letras o Números {{experimental_inline}}: esto excluye cualquier signo de puntuación o símbolos al principio de la palabra.

        -
        Los autores no deben esperar que capitalize siga las convenciones de título específicas del lenguaje (como lo es en inglés el excluir artículos).
        +
        Los autores no deben esperar que capitalize siga las convenciones de título específicas del lenguaje (como lo es en inglés el excluir artículos).
        uppercase
        Es una palabra clave que fuerza a todos los caracteres a ser convertidos a mayúsculas.
        diff --git a/files/es/web/css/transform-function/index.html b/files/es/web/css/transform-function/index.html index f2ae4c1c720791..4f653fc95f2795 100644 --- a/files/es/web/css/transform-function/index.html +++ b/files/es/web/css/transform-function/index.html @@ -41,8 +41,8 @@

        Funciones que definen transforma
        {{cssxref("transform-function/matrix","matrix()")}}
        -
        La función matrix() especifica una matriz de transformación 2D homogénea , comprendida por los seis valores especificados. Los valores constantes de dichas matrices son implícitos, y no son enviados como parámetros; los otros parámetros son descritos en orden de columna principal.
        -
        matrix(a, b, c, d, tx, ty) es la forma reducida de matrix3d(a, b, 0, 0, c, d, 0, 0, 0, 0, 1, 0, tx, ty, 0, 1).
        +
        La función matrix() especifica una matriz de transformación 2D homogénea , comprendida por los seis valores especificados. Los valores constantes de dichas matrices son implícitos, y no son enviados como parámetros; los otros parámetros son descritos en orden de columna principal.

        + matrix(a, b, c, d, tx, ty) es la forma reducida de matrix3d(a, b, 0, 0, c, d, 0, 0, 0, 0, 1, 0, tx, ty, 0, 1).
        {{cssxref("transform-function/matrix3d","matrix3d()")}}
        La función matrix3d() describe una transformación 3D como una matriz 4x4 homogénea. Los 16 parámetros son descritos en orden de columna principal.
        {{cssxref("transform-function/perspective","perspective()")}}
        @@ -52,27 +52,27 @@

        Funciones que definen transforma
        {{cssxref("transform-function/rotate3d","rotate3d()")}}
        La función rotate3d() describe una transformación que mueve al elemento al rededor de un eje fijo sin deformarlo. La cantidad de movimiento es definido por el ángulo especificado; si es positivo, el movimiento será en sentido de las manecillas del reloj, y si es negativo, será en sentido opuesto. Al contrario de las rotaciones en el plano, la composición de las rotaciones 3D es generalmente no conmutativa; esto significa que el orden en el que se aplican las rotaciones es crucial.
        {{cssxref("transform-function/rotateX","rotateX()")}}
        -
        La función rotateX() describe una transformación que mueve el elemento al rededor de su eje de las abscisas sin deformarlo. La cantidad de movimiento es definida por el ángulo especificado; si es positivo, el movimiento será en sentido de las manecillas del reloj, y si es negativo, será en sentido opuesto. El eje de rotación pasa por el origen, definido por la propiedad cssxref("transform-origin") }}.
        -
        rotateX(a) es la forma reducida de rotate3D(1, 0, 0, a).
        +
        La función rotateX() describe una transformación que mueve el elemento al rededor de su eje de las abscisas sin deformarlo. La cantidad de movimiento es definida por el ángulo especificado; si es positivo, el movimiento será en sentido de las manecillas del reloj, y si es negativo, será en sentido opuesto. El eje de rotación pasa por el origen, definido por la propiedad cssxref("transform-origin") }}.

        + rotateX(a) es la forma reducida de rotate3D(1, 0, 0, a).
        {{cssxref("transform-function/rotateY","rotateY()")}}
        -
        La función rotateY() describe una transformación que mueve el elemento al rededor de su eje de las ordenadas sin deformarlo. La cantidad de movimiento es definida por el ángulo especificado; si es positivo, el movimiento será en sentido de las manecillas del reloj, y si es negativo, será en sentido opuesto. El eje de rotación pasa por el origen, definido por la propiedad {{ cssxref("transform-origin") }}.
        -
        rotateY(a) es la forma reducida de rotate3D(0, 1, 0, a).
        +
        La función rotateY() describe una transformación que mueve el elemento al rededor de su eje de las ordenadas sin deformarlo. La cantidad de movimiento es definida por el ángulo especificado; si es positivo, el movimiento será en sentido de las manecillas del reloj, y si es negativo, será en sentido opuesto. El eje de rotación pasa por el origen, definido por la propiedad {{ cssxref("transform-origin") }}.

        + rotateY(a) es la forma reducida de rotate3D(0, 1, 0, a).
        {{cssxref("transform-function/rotateZ","rotateZ()")}}
        -
        La función rotateZ() describe una transformación que mueve el elemento al rededor de su eje Z sin deformarlo. La cantidad de movimiento es definida por el ángulo especificado; si es positivo, el movimiento será en sentido de las manecillas del reloj, y si es negativo, será en sentido opuesto. El eje de rotación pasa por el origen, definido por la propiedad {{ cssxref("transform-origin") }}.
        -
        rotateZ(a) es la forma corta de rotate3D(0, 0, 1, a).
        +
        La función rotateZ() describe una transformación que mueve el elemento al rededor de su eje Z sin deformarlo. La cantidad de movimiento es definida por el ángulo especificado; si es positivo, el movimiento será en sentido de las manecillas del reloj, y si es negativo, será en sentido opuesto. El eje de rotación pasa por el origen, definido por la propiedad {{ cssxref("transform-origin") }}.

        + rotateZ(a) es la forma corta de rotate3D(0, 0, 1, a).
        {{cssxref("transform-function/scale","scale()")}}
        La función scale() modifica el tamaño del elemento. Puede aumentar o disminuir su tamaño, y ya que la cantidad de escalada es definida por un vector, puede hacerlo más hacia una dirección que a otra. Esta transformación se caracteriza por un vector cuyas coordenadas definen qué tanto se escalará hacia cada dirección. Si ambas coordenadas del vector son iguales, el ajuste es uniforme, o isotrópico, y la figura del elemento es conservada. En ese caso, la función de escalada define una homotecia.
        {{cssxref("transform-function/scale3d","scale3d()")}}
        La función scale3d() modifica el tamaño de un elemento. Siendo que la cantidad de escalada es definida por un vector, puede cambiar el tamaño a diferentes dimensiones en diferentes escalas. Esta transformación se caracteriza por un vector cuyas coordenadas definen qué tanto se escalará hacia cada dirección. Si las tres coordenadas del vector son iguales, el ajuste es uniforme, o isotrópico, y la figura del elemento es conservada. En ese caso, la función de escalada define una homotecia.
        {{cssxref("transform-function/scaleX","scaleX()")}}
        -
        La función scaleX() modifica la abscisa de cada punto del elemento con base en un factor constante, excepto si dicho factor es 1, en cuyo caso la función es la transformación de identidad. La escalada no es isotrópica y los ángulos del elemento no son conservados. scaleX(-1) define una simetría axial con un eje vertical pasando por el origen (según sea sea especificado en la propiedad {{cssxref("transform-origin")}}).
        -
        scaleX(sx) es la forma corta de scale(sx, 1) o de scale3d(sx, 1, 1).
        +
        La función scaleX() modifica la abscisa de cada punto del elemento con base en un factor constante, excepto si dicho factor es 1, en cuyo caso la función es la transformación de identidad. La escalada no es isotrópica y los ángulos del elemento no son conservados. scaleX(-1) define una simetría axial con un eje vertical pasando por el origen (según sea sea especificado en la propiedad {{cssxref("transform-origin")}}).

        + scaleX(sx) es la forma corta de scale(sx, 1) o de scale3d(sx, 1, 1).
        {{cssxref("transform-function/scaleY","scaleY()")}}
        -
        La función scaleY() modifica la ordenada de cada punto del elemento con base en un factor constante, excepto si el factor es 1, en cuyo caso la función es una transformación de identidad. La escalada no es isotrópica y los ángulos del elemento no son conservados. scaleY(-1) define una simetría axial con un eje horizontal pasando por el origen (según sea especificado en la propiedad {{cssxref("transform-origin")}}).
        -
        scaleY(sy) es la forma corta de scale(1, sy) o de scale3d(1, sy, 1).
        +
        La función scaleY() modifica la ordenada de cada punto del elemento con base en un factor constante, excepto si el factor es 1, en cuyo caso la función es una transformación de identidad. La escalada no es isotrópica y los ángulos del elemento no son conservados. scaleY(-1) define una simetría axial con un eje horizontal pasando por el origen (según sea especificado en la propiedad {{cssxref("transform-origin")}}).

        + scaleY(sy) es la forma corta de scale(1, sy) o de scale3d(1, sy, 1).
        {{cssxref("transform-function/scaleZ","scaleZ()")}}
        -
        La función scaleZ() modifica la coordenada Z de cada punto del elemento con base en un factor constante, excepto si el factor es 1, en cuyo caso la función es una transformación de identidad. La escalada no es isotrópica y los ángulos del elemento no son conservados. scaleZ(-1) define una simetría axial al rededor del eje Z, pasando por el origen (según sea especificado en la propiedad {{cssxref("transform-origin")}}).
        -
        scaleZ(sz) es la forma corta de scale3d(1, 1, sz).
        +
        La función scaleZ() modifica la coordenada Z de cada punto del elemento con base en un factor constante, excepto si el factor es 1, en cuyo caso la función es una transformación de identidad. La escalada no es isotrópica y los ángulos del elemento no son conservados. scaleZ(-1) define una simetría axial al rededor del eje Z, pasando por el origen (según sea especificado en la propiedad {{cssxref("transform-origin")}}).

        + scaleZ(sz) es la forma corta de scale3d(1, 1, sz).
        {{cssxref("transform-function/skew","skew()")}}
        La función skew() es un mapeo de cizallamiento, o transvección, distorsionando cada punto del elemento con base en cierto ángulo en cada dirección. Esto se hace incrementando cada coordenada por un valor proporcionado para el ángulo especificado y en distancia hacia el origen. Mientras más lejos del origen, mientras más alejado esté del punto, mayor será el valor que se agrega.
        {{cssxref("transform-function/skewX","skewX()")}}
        @@ -84,14 +84,14 @@

        Funciones que definen transforma
        {{cssxref("transform-function/translate3d","translate3d()")}}
        La función translate3d() mueve la posición del elemento dentro de un espacio tridimensional. Esta transformación se caracteriza por un vector tridimensional, cuyas coordenadas definen qué tanto se moverá en cada dirección.
        {{cssxref("transform-function/translateX","translateX()")}}
        -
        La función translateX() mueve el elemento horizontalmente sobre el plano. Esta transformación se caracteriza por un valor {{cssxref("<length>")}} que define qué tanto se moverá horizontalmente.
        -
        translateX(tx) es la forma reducida de translate(tx, 0).
        +
        La función translateX() mueve el elemento horizontalmente sobre el plano. Esta transformación se caracteriza por un valor {{cssxref("<length>")}} que define qué tanto se moverá horizontalmente.

        + translateX(tx) es la forma reducida de translate(tx, 0).
        {{cssxref("transform-function/translateY","translateY()")}}
        -
        La función translateY() mueve el elemento verticalmente sobre el plano. Esta transformación se caracteriza por un valor {{cssxref("<length>")}} que define qué tanto se moverá verticalmente.
        -
        translateY(ty) es la forma reducida de translate(0, ty).
        +
        La función translateY() mueve el elemento verticalmente sobre el plano. Esta transformación se caracteriza por un valor {{cssxref("<length>")}} que define qué tanto se moverá verticalmente.

        + translateY(ty) es la forma reducida de translate(0, ty).
        {{cssxref("transform-function/translateZ","translateZ()")}}
        -
        La función translateZ() mueve el elemento a través del eje Z en el espacio tridimensional. Esta transformación se caracteriza por un valor {{cssxref("<length>")}} que define qué tanto se moverá.
        -
        translateZ(tz) es la forma reducida de translate3d(0, 0, tz).
        +
        La función translateZ() mueve el elemento a través del eje Z en el espacio tridimensional. Esta transformación se caracteriza por un valor {{cssxref("<length>")}} que define qué tanto se moverá.

        + translateZ(tz) es la forma reducida de translate3d(0, 0, tz).

        Especificaciones

        diff --git a/files/es/web/css/transform/index.html b/files/es/web/css/transform/index.html index 93dad31b2ca265..5038014a4bd8d5 100644 --- a/files/es/web/css/transform/index.html +++ b/files/es/web/css/transform/index.html @@ -54,23 +54,19 @@

        Síntaxis

        transform: initial; transform: unset; +

        Valores

        +
        -
        -

        Valores

        -
        -
        <transform-function>
        Una o más de las funciones de transformación CSS que se aplicarán, ver más abajo.
        none
        Especifica que ninguna transformación podrá ser aplicada.
        -
        +

        {{cssinfo}}

        Síntasix formal

        {{csssyntax}} - -

    Ejemplos

    diff --git a/files/es/web/css/transition-duration/index.html b/files/es/web/css/transition-duration/index.html index 32cb2313a7ad78..785a0b58355f2a 100644 --- a/files/es/web/css/transition-duration/index.html +++ b/files/es/web/css/transition-duration/index.html @@ -9,7 +9,7 @@
    {{EmbedInteractiveExample("pages/css/transition-duration.html")}}
    - +

    La fuente de este ejemplo interactivo se almacena en un repositorio de GitHub. Si desea contribuir al proyecto de ejemplos interactivos, por favor clone https://github.com/mdn/interactive-examples y envíenos un pull reques.

    Se puede especificar múltiples duraciones; cada duración va a ser aplicada a la propiedad correspondiente según lo especificado en la propiedad {{ cssxref("transition-property") }}, que actuará como una lista maestra. Si se especifican menos duraciones en la lista maestra, el agente de usuario repetirá la lista de duraciones. Si hay más duraciones, la lista simplemente se trunca al tamaño correcto. En ambos casos, la declaración CSS sigue siendo válida

    diff --git a/files/es/web/css/user-select/index.html b/files/es/web/css/user-select/index.html index bec0175576a3e7..ded82d483687c4 100644 --- a/files/es/web/css/user-select/index.html +++ b/files/es/web/css/user-select/index.html @@ -123,7 +123,7 @@

    Especificaciones

    Compatibilidad con navegadores

    -