From 1109132f09d75da9a28b649c7677bb6ce07c40c0 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:45 -0500 Subject: initial commit --- files/es/web/api/cssstyledeclaration/index.html | 73 +++++++++++++++++++++++++ 1 file changed, 73 insertions(+) create mode 100644 files/es/web/api/cssstyledeclaration/index.html (limited to 'files/es/web/api/cssstyledeclaration/index.html') diff --git a/files/es/web/api/cssstyledeclaration/index.html b/files/es/web/api/cssstyledeclaration/index.html new file mode 100644 index 0000000000..f63d7a2cfd --- /dev/null +++ b/files/es/web/api/cssstyledeclaration/index.html @@ -0,0 +1,73 @@ +--- +title: CSSStyleDeclaration +slug: Web/API/CSSStyleDeclaration +tags: + - Interfaz + - Referencia +translation_of: Web/API/CSSStyleDeclaration +--- +

{{ APIRef("CSSOM") }}

+ +

Resúmen

+ +

CSSStyleDeclaration representa una colección CSS de pares propiedad-valor. Se utiliza en unas cuantas APIs:

+ + + +

Atributos

+ +
+
{{domxref("CSSStyleDeclaration.cssText")}}
+
Representación textual del bloque de declaración. Estableciendo este atributo cambia el estilo.
+
{{domxref("CSSStyleDeclaration.length")}}
+
El número de propiedades. Ver el método del elemento inferior.
+
{{domxref("CSSStyleDeclaration.parentRule")}}
+
El contenedor {{domxref("CssRule")}}.
+
+ +

Métodos

+ +
+
{{domxref("CSSStyleDeclaration.getPropertyPriority()")}}
+
Retorna la prioridad opcional, "important". Ejemplo: priString= styleObj.getPropertyPriority('color')
+
{{domxref("CSSStyleDeclaration.getPropertyValue()")}}
+
Retorna el valor de la propiedad. Ejemplo: valString= styleObj.getPropertyValue('color')
+
{{domxref("CSSStyleDeclaration.item()")}}
+
Retorna un nombre de propiedad. Ejemplo: nameString= styleObj.item(0) Alternative: nameString= styleObj[0]
+
{{domxref("CSSStyleDeclaration.removeProperty()")}}
+
Retorna el valor borrado. Ejemplo: valString= styleObj.removeProperty('color')
+
{{domxref("CSSStyleDeclaration.setProperty()")}}
+
Sin retorno. Ejemplo: styleObj.setProperty('color', 'red', 'important')
+
{{domxref("CSSStyleDeclaration.getPropertyCSSValue()")}}
+
Solo soportado a través de getComputedStyle. Devuelve un {{ domxref("ROCSSPrimitiveValue") }} en Firefox ({{ domxref("CSSPrimitiveValue") }}, en otros, los cuales implementan CSSValue), o nulo para Propiedades taquigráficas. Ejemplo: cssString= window.getComputedStyle(elemento, null).getPropertyCSSValue('color').cssText;
+ Observación: Gecko 1.9 devuelve null a menos que se utilice getComputedStyle().
+ Observación: Este método puede estar desaconsejado por el W3C , y no está presente en el último borrador CSSOM. No está soportado por IE e incluso aunque la función existe en Opera, llamarla lanza una excepción {{ domxref("DOMException") }} NOT_SUPPORTED_ERR.
+
+ +

Ejemplo

+ +
var styleObj= document.styleSheets[0].cssRules[0].style;
+alert(styleObj.cssText);
+for (var i = styleObj.length-1; i >= 0; i--) {
+   var nameString = styleObj[i];
+   styleObj.removeProperty(nameString);
+}
+alert(styleObj.cssText);
+ +

Notas

+ +

El bloque de declaración es esa parte de la regla de estilo que aparece dentro de las llaves ({}) y que actualmente proporciona las definiciones de estilo (para el selector, la parte que precede a las llaves).

+ +

Ver también

+ + + +

Especificación

+ +

CSSOM: CSSStyleDeclaration

-- cgit v1.2.3-54-g00ecf