mx.styles.CSSStyleDeclaration (Flex 3.4)

Package	mx.styles
Class	public class CSSStyleDeclaration
Inheritance	CSSStyleDeclaration EventDispatcher Object
Subclasses	AdvancedDataGridColumn, DataGridColumn

The CSSStyleDeclaration class represents a set of CSS style rules. The MXML compiler automatically generates one CSSStyleDeclaration object for each selector in the CSS files associated with a Flex application.

A CSS rule such as

      Button { color: #FF0000 }

affects every instance of the Button class; a selector like Button is called a type selector and must not start with a dot.

A CSS rule such as

      .redButton { color: #FF0000 }

affects only components whose styleName property is set to ".redButton"; a selector like .redButton is called a class selector and must start with a dot.

You can access the autogenerated CSSStyleDeclaration objects using the StyleManager.getStyleDeclaration() method, passing it either a type selector

  var buttonDeclaration:CSSStyleDeclaration =
      StyleManager.getStyleDeclaration("Button");

or a class selector

  var redButtonStyleDeclaration:CSSStyleDeclaration =
      StyleManager.getStyleDeclaration(".redButton");

You can use the getStyle(), setStyle(), and clearStyle() methods to get, set, and clear style properties on a CSSStyleDeclaration.

You can also create and install a CSSStyleDeclaration at run time using the StyleManager.setStyleDeclaration() method:

  var newStyleDeclaration:CSSStyleDeclaration = new CSSStyleDeclaration();
  newStyleDeclaration.defaultFactory = function():void
  {
      leftMargin = 50;
      rightMargin = 50;
  }
  StyleManager.setStyleDeclaration(".bigMargins", newStyleDeclaration, true);

	Property	Defined By
		constructor : Object A reference to the class object or constructor function for a given object instance.	Object
		defaultFactory : Function This function, if it isn't null, is usually autogenerated by the MXML compiler.	CSSStyleDeclaration
		factory : Function This function, if it isn't null, is usually autogenerated by the MXML compiler.	CSSStyleDeclaration
		prototype : Object [static] A reference to the prototype object of a class or function object.	Object

	Property	Defined By
		overrides : Object If the setStyle() method is called on a UIComponent or CSSStyleDeclaration at run time, this object stores the name/value pairs that were set; they override the name/value pairs in the objects produced by the methods specified by the defaultFactory and factory properties.	CSSStyleDeclaration

Public Methods

Hide Inherited Public Methods

Show Inherited Public Methods

	Method		Defined By
		CSSStyleDeclaration(selector:String = null) Constructor.	CSSStyleDeclaration
		addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void Registers an event listener object with an EventDispatcher object so that the listener receives notification of an event.	EventDispatcher
		clearStyle(styleProp:String):void Clears a style property on this CSSStyleDeclaration.	CSSStyleDeclaration
		dispatchEvent(event:Event):Boolean Dispatches an event into the event flow.	EventDispatcher
		getStyle(styleProp:String):* Gets the value for a specified style property, as determined solely by this CSSStyleDeclaration.	CSSStyleDeclaration
		hasEventListener(type:String):Boolean Checks whether the EventDispatcher object has any listeners registered for a specific type of event.	EventDispatcher
		hasOwnProperty(name:String):Boolean Indicates whether an object has a specified property defined.	Object
		isPrototypeOf(theClass:Object):Boolean Indicates whether an instance of the Object class is in the prototype chain of the object specified as the parameter.	Object
		propertyIsEnumerable(name:String):Boolean Indicates whether the specified property exists and is enumerable.	Object
		removeEventListener(type:String, listener:Function, useCapture:Boolean = false):void Removes a listener from the EventDispatcher object.	EventDispatcher
		setPropertyIsEnumerable(name:String, isEnum:Boolean = true):void Sets the availability of a dynamic property for loop operations.	Object
		setStyle(styleProp:String, newValue:*):void Sets a style property on this CSSStyleDeclaration.	CSSStyleDeclaration
		toLocaleString():String Returns the string representation of this object, formatted according to locale-specific conventions.	Object
		toString():String Returns the string representation of the specified object.	Object
		valueOf():Object Returns the primitive value of the specified object.	Object
		willTrigger(type:String):Boolean Checks whether an event listener is registered with this EventDispatcher object or any of its ancestors for the specified event type.	EventDispatcher

	Event	Summary	Defined By
		activate	[broadcast event] Dispatched when the Flash Player or AIR application gains operating system focus and becomes active.	EventDispatcher
		deactivate	[broadcast event] Dispatched when the Flash Player or AIR application operating loses system focus and is becoming inactive.	EventDispatcher

Property Detail

defaultFactory

property

public var defaultFactory:Function

This function, if it isn't null, is usually autogenerated by the MXML compiler. It produce copies of a plain Object, such as { leftMargin: 10, rightMargin: 10 }, containing name/value pairs for style properties; the object is used to build a node of the prototype chain for looking up style properties.

If this CSSStyleDeclaration is owned by a UIComponent written in MXML, this function encodes the style attributes that were specified on the root tag of the component definition.

If the UIComponent was written in ActionScript, this property is null.

factory

property

public var factory:Function

If this CSSStyleDeclaration is owned by a UIComponent, this function encodes the style attributes that were specified in MXML for an instance of that component.

overrides

property

protected var overrides:Object

If the setStyle() method is called on a UIComponent or CSSStyleDeclaration at run time, this object stores the name/value pairs that were set; they override the name/value pairs in the objects produced by the methods specified by the defaultFactory and factory properties.

Constructor Detail

CSSStyleDeclaration

()

Constructor

public function CSSStyleDeclaration(selector:String = null)

Constructor.

Parameters

selector:String (default = null) — If not null, this CSSStyleDeclaration will be registered with the StyleManager using the selector value.

Method Detail

clearStyle

()

method

public function clearStyle(styleProp:String):void

Clears a style property on this CSSStyleDeclaration. This is the same as setting the style value to undefined.

Parameters

styleProp:String — The name of the style property.

getStyle

()

method

public function getStyle(styleProp:String):*

Gets the value for a specified style property, as determined solely by this CSSStyleDeclaration.

The returned value may be of any type.

The values null, "", false, NaN, and 0 are all valid style values, but the value undefined is not; it indicates that the specified style is not set on this CSSStyleDeclaration. You can use the method StyleManager.isValidStyleValue() to test the value that is returned.

Parameters

styleProp:String — The name of the style property.

Returns

* — The value of the specified style property if set, or undefined if not.

setStyle

()

method

public function setStyle(styleProp:String, newValue:*):void

Sets a style property on this CSSStyleDeclaration.

Parameters

	`styleProp:String` — The name of the style property.

	`newValue:*` — The value of the style property. The value may be of any type. The values `null`, `""`, `false`, `NaN`, and `0` are all valid style values, but the value `undefined` is not. Setting a style property to the value `undefined` is the same as calling the `clearStyle()` method.

Adobe® Flex™ 3.4 Language Reference Language Reference only	All Packages \| All Classes \| Language Elements \| Index \| Appendixes \| Conventions \| Frames No Frames
CSSStyleDeclaration	Properties \| Methods \| Events