Options
All
  • Public
  • Public/Protected
  • All
Menu

Class NgxBackgroundComponent

The Background component.

See the ngx3js docs page for details.

The background shorthand CSS property sets all background style properties at once, such as color, image, origin and size, or repeat method.

see

MDN Web Docs - background

Hierarchy

Implements

  • OnInit

Index

Constructors

constructor

Properties

Protected OBJECT_ATTR

OBJECT_ATTR: string[] = ...

Object attr of abstract subscribe component

Protected _changeList

_changeList: string[] = null

Change list of abstract subscribe component

Protected _needUpdate

_needUpdate: boolean = true

Need update of abstract subscribe component

backgroundAlpha

backgroundAlpha: number = null

The background-color CSS property sets the background color alpha of an element.

backgroundClip

backgroundClip: string = null

The background-clip CSS property sets whether an element's background extends underneath its border box, padding box, or content box.

backgroundColor

backgroundColor: string | number = null

The background-color CSS property sets the background color of an element.

backgroundImage

backgroundImage: string = null

The background-image CSS property sets one or more background images on an element.

backgroundPosition

backgroundPosition: string = null

The background-position CSS property sets the initial position for each background image. The position is relative to the position layer set by background-origin.

backgroundPositionX

backgroundPositionX: string = null

The background-position CSS property sets the initial position for each background image. The position is relative to the position layer set by background-origin.

backgroundPositionY

backgroundPositionY: string = null

The background-position CSS property sets the initial position for each background image. The position is relative to the position layer set by background-origin.

backgroundRepeat

backgroundRepeat: string = null

The background-repeat CSS property sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all.

backgroundRepeatX

backgroundRepeatX: string = null

The background-repeat CSS property sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all.

backgroundRepeatY

backgroundRepeatY: string = null

The background-repeat CSS property sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all.

backgroundSize

backgroundSize: string = null

The background-size CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.

backgroundSizeX

backgroundSizeX: string = null

The background-size CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.

backgroundSizeY

backgroundSizeY: string = null

The background-size CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.

border

border: string | number = null

The border shorthand CSS property sets an element's border. It sets the values of border-width, border-style, and border-color.

borderBottom

borderBottom: string | number = null

The border-bottom shorthand CSS property sets an element's bottom border. It sets the values of border-bottom-width, border-bottom-style and border-bottom-color.

borderColor

borderColor: string | number = null

The border-color shorthand CSS property sets the color of an element's border.

borderImage

borderImage: string = null

The border-image CSS property draws an image around a given element. It replaces the element's regular border.

borderImageOutset

borderImageOutset: string | number = null

The border-image-outset CSS property sets the distance by which an element's border image is set out from its border box. The parts of the border image that are rendered outside the element's border box with border-image-outset do not trigger overflow scrollbars and don't capture mouse events.

borderImageRepeat

borderImageRepeat: string = null

The border-image-repeat CSS property defines how the edge regions of a source image are adjusted to fit the dimensions of an element's border image.

borderImageSlice

borderImageSlice: string | number = null

The border-image-slice CSS property divides the image specified by border-image-source into regions. These regions form the components of an element's border image.

borderImageSource

borderImageSource: string = null

The border-image-source CSS property sets the source image used to create an element's border image.

borderImageWidth

borderImageWidth: string | number = null

The border-image-width CSS property sets the width of an element's border image.

borderLeft

borderLeft: string | number = null

The border-left shorthand CSS property sets all the properties of an element's left border.

borderRadius

borderRadius: string | number = null

The border-radius CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.

borderRight

borderRight: string | number = null

The border-right shorthand CSS property sets all the properties of an element's right border.

borderStyle

borderStyle: string = null

The border-style shorthand CSS property sets the line style for all four sides of an element's border.

borderTop

borderTop: string | number = null

The border-top shorthand CSS property sets all the properties of an element's top border.

borderWidth

borderWidth: string | number = null

The border-width shorthand CSS property sets the width of an element's border.

color

color: string | number = null

The color CSS property sets the foreground color value of an element's text and text decorations, and sets the value. currentcolor may be used as an indirect value on other properties and is the default for other color properties, such as border-color.

content

content: string = null

The content of background component

debug

debug: boolean = false

Debug this Object

enabled

enabled: boolean = true

Enabled or Not

fontFamily

fontFamily: string = null

The font-family CSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected element.

fontSize

fontSize: number = null

The font-size CSS property sets the size of the font. Changing the font size also updates the sizes of the font size-relative units, such as em, ex, and so forth.

fontStyle

fontStyle: string = null

The font-style CSS property sets whether a font should be styled with a normal, italic, or oblique face from its font-family.

fontWeight

fontWeight: string = null

The font-weight CSS property sets the weight (or boldness) of the font. The weights available depend on the font-family that is currently set.

Protected id

id: string = ''

The Id of abstract subscribe component

letterSpacing

letterSpacing: string = null

The letter-spacing CSS property sets the horizontal spacing behavior between text characters. This value is added to the natural spacing between characters while rendering the text. Positive values of letter-spacing causes characters to spread farther apart, while negative values of letter-spacing bring characters closer together.

margin

margin: string | number = null

The margin CSS shorthand property sets the margin area on all four sides of an element.

marginBottom

marginBottom: string | number = null

The margin-bottom CSS property sets the margin area on the bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

marginLeft

marginLeft: string | number = null

The margin-left CSS property sets the margin area on the left side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

marginRight

marginRight: string | number = null

The margin-right CSS property sets the margin area on the right side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

marginTop

marginTop: string | number = null

The margin-top CSS property sets the margin area on the top of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

onDestory

onDestory: EventEmitter<NgxBackgroundComponent> = ...

Will be called when before destory. The argument will be the loaded self

onLoad

onLoad: EventEmitter<NgxBackgroundComponent> = ...

Will be called when load completes. The argument will be the loaded self

opacity

opacity: number = null

The opacity CSS property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency.

overrideParams

overrideParams: {} = null

The override params

Type declaration

  • [key: string]: any

padding

padding: string | number = null

The padding CSS shorthand property sets the padding area on all four sides of an element at once.

paddingBottom

paddingBottom: string | number = null

The padding-right CSS property sets the width of the padding area on the bottom of an element.

paddingLeft

paddingLeft: string | number = null

The padding-left CSS property sets the width of the padding area to the left of an element.

paddingRight

paddingRight: string | number = null

The padding-right CSS property sets the width of the padding area on the right of an element.

paddingTop

paddingTop: string | number = null

The padding-top CSS property sets the height of the padding area on the top of an element.

Protected parent

parent: any = null

The Parent of abstract subscribe component

pseudo

pseudo: string = null

The pseudo of background component

Protected selfAny

selfAny: any = ...

Protected subscribeType

subscribeType: string = null

Subscribe type of abstract subscribe component

textAlign

textAlign: string = null

The text-align CSS property sets the horizontal alignment of the content inside a block element or table-cell box. This means it works like vertical-align but in the horizontal direction.

textDecoration

textDecoration: string = null

The text-decoration shorthand CSS property sets the appearance of decorative lines on text. It is a shorthand for text-decoration-line, text-decoration-color, text-decoration-style, and the newer text-decoration-thickness property.

textIndent

textIndent: string = null

The text-indent CSS property sets the length of empty space (indentation) that is put before lines of text in a block.

textJustify

textJustify: string = null

The text-justify CSS property sets what type of justification should be applied to text when text-align: justify; is set on an element.

textSizeAdjust

textSizeAdjust: string = null

The text-size-adjust CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this property.

textTransform

textTransform: string = null

The text-transform CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized. It also can help improve legibility for ruby.

transition

transition: string[] = null

The transition of background component

tween

tween: {} = null

Tween animation params

Type declaration

  • [key: string]: any

userData

userData: any = null

An object that can be used to store custom data about the Object3D. It should not hold references to functions as these will not be cloned.

visible

visible: boolean = true

The visible of background component

whiteSpace

whiteSpace: string = null

The white-space CSS property sets how white space inside an element is handled.

windowExport

windowExport: string = null

Export this Object to window global variables

wordBreak

wordBreak: string = null

The word-break CSS property sets whether line breaks appear wherever the text would otherwise overflow its content box.

wordSpacing

wordSpacing: string = null

The word-spacing CSS property sets the length of space between words and between tags.

Accessors

needUpdate

  • set needUpdate(value: boolean): void
  • Sets need update

    Parameters

    • value: boolean

    Returns void

Methods

addChanges

  • addChanges(key: string | string[] | SimpleChanges): void

Protected applyChanges

  • applyChanges(changes: string[]): void

applyHtmlStyle

  • applyHtmlStyle(): void

Protected callOnLoad

  • callOnLoad(): void

Protected checkChanges

  • checkChanges(changes: SimpleChanges): SimpleChanges

Protected clearChanges

  • clearChanges(): void

Protected consoleLog

  • consoleLog(key: string, object: any, level?: string): void

Protected consoleLogTime

  • consoleLogTime(key: string, object: any, repeat?: number): void

Protected destroyLocalComponent

  • destroyLocalComponent(key: string): void

dispose

  • dispose(): void

Protected getChanges

  • getChanges(): string[]

getId

  • getId(): string

getObject

  • getObject<T>(): T

getStyle

getSubscribe

  • getSubscribe(): Observable<string[]>

Protected getTimeout

  • getTimeout(timeDelay?: number): Promise<void>

getUserData

  • getUserData(): {}

Protected initLocalComponent

  • initLocalComponent<T>(key: string, component: T): T

Protected isIdEuals

  • isIdEuals(id: string): boolean

ngAfterContentInit

  • ngAfterContentInit(): void

ngOnChanges

  • ngOnChanges(changes: SimpleChanges): void
  • A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated. default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.

    Parameters

    • changes: SimpleChanges

      The changed properties.

    Returns void

ngOnDestroy

  • ngOnDestroy(): void

ngOnInit

  • ngOnInit(): void
  • A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.

    Returns void

resetTween

  • resetTween(): void

runSubscribeNext

  • runSubscribeNext(key: string | string[]): void

Protected setObject

  • setObject(obj: any): void

setParent

  • setParent(parent: any): boolean

setParentNode

  • setParentNode(parentNode: HTMLElement): void

setSubscribeNext

  • setSubscribeNext(key: string | string[]): void

setSubscribeType

  • setSubscribeType(subscribeType: string): void

setTween

  • setTween(tweenData: {}): void

setTweenTarget

  • setTweenTarget(tweenTarget: any): void

setUserData

  • setUserData(key: string, value: any): void

Protected subscribeListQuery

  • subscribeListQuery(queryList: QueryList<any>, subscribeKey: string, changeKey: string): void

Protected subscribeListQueryChange

  • subscribeListQueryChange(queryList: QueryList<any>, subscribeKey: string, changeKey: string): void

Protected subscribeRefer

  • subscribeRefer(key: string, subscription: Subscription): void

Protected subscribeReferList

  • subscribeReferList(key: string, subscription: Subscription): void

Protected unSubscribeRefer

  • unSubscribeRefer(key: string): void

Protected unSubscribeReferList

  • unSubscribeReferList(key: string): void

Protected unSubscription

  • unSubscription(subscriptions: Subscription[]): Subscription[]

updateInputParams

  • updateInputParams(params: {}, firstChange?: boolean, changes?: SimpleChanges, type?: string): void

Generated using TypeDoc