Javascript Style object, javascriptstyle

Source: Internet
Author: User

Javascript Style object, javascriptstyle

Background attributes

Attribute description

Set all background attributes in a row

BackgroundAttachment

BackgroundColor: Set the background color of the element.

Background image of the backgroundImage setting element (= url ("image address "))

BackgroundPosition: Set the start position of the background image

BackgroundPositionX sets the X coordinate of the backgroundPosition attribute

BackgroundPositionY sets the Y coordinate of the backgroundPosition attribute

BackgroundRepeat specifies whether and how to repeat the background image (repeat, no-repeat, repeat-x, repeat-y)

Border attributes

Attribute description

Border sets all attributes of the four borders in one row.

BorderBottom sets all attributes of the bottom border on one line

BorderBottomColor: Specifies the color of the bottom border.

BorderBottomStyle

BorderBottomWidth: Set the width of the Bottom Border

BorderColor sets the color of all four borders (four colors can be set)

BorderLeft: Set all attributes of the Left Border in one row.

BorderLeftColor: Set the color of the Left Border.

BorderLeftStyle: Set the style of the Left Border

BorderLeftWidth: Set the width of the Left Border

BorderRight: Set all attributes of the right border in one row.

BorderRightColor: Set the color of the right border.

BorderRightStyle: Set the style of the Right Border

BorderRightWidth: Set the width of the right border.

BorderStyle: Set the style of all four borders (four styles can be set)

BorderTop: set all the attributes of the top border in one row.

BorderTopColor: Set the top border color.

BorderTopStyle: Set the top border Style

BorderTopWidth: Set the width of the top border

BorderWidth: Set the width of all four borders (four widths can be set)

Margin attributes

Margin sets the margin of the element (four values can be set)

MarginBottom sets the bottom margin of an element.

MarginLeft: Set the left margin of an element.

MarginRight: Set the data on the right of the element.

MarginTop: sets the top margin of an element.

Set all outline attributes in one line

OutlineColor sets the outline color of the element

OutlineStyle sets the outline style around the element

OutlineWidth: sets the outline width of an element.

Padding sets the filling of elements (four values can be set)

PaddingBottom: Set the padding of the element.

PaddingLeft: Set the left filling of the element.

PaddingRight: set the right filling of the element.

PaddingTop

Layout attributes

Attribute description

On which side of the element is set to clear, other floating elements are not allowed.

Clip sets the element shape.

Set metadata for content

CounterIncrement is followed by a list of positive counter names. An integer indicates the increment of the counter whenever an element appears. The default value is 1.

CounterReset is followed by a list of positive counter names. An integer indicates the value set for the counter whenever an element appears. The default value is 0.

CssFloat sets where the image or text will appear (float) in another element.

Cursor sets the displayed pointer type

Direction: sets the text direction of an element.

How to display the display setting Element

Height: sets the height of an element.

MarkerOffset: Set the distance between the principal box of markerbox and the border edge closest to it.

Marks sets whether crossmarks or crop marks should be present only outside the edge of the page box.

MaxHeight: sets the maximum height of an element.

MaxWidth: sets the maximum width of an element.

MinHeight: sets the minimum height of an element.

MinWidth: sets the minimum width of an element.

Overflow specifies how to deal with content that is not suitable for element boxes

VerticalAlign is used to vertically arrange the content in the element.

Visibility set whether the element is visible

Width: Set the width of the element.

List attribute

Attribute description

ListStyle sets all attributes of the list in one row

ListStyleImage sets the image as a list item mark

ListStylePosition changes the position marked by the list item

ListStyleType

Positioning attributes

Attribute description

Bottom sets the distance between the bottom edge of an element and the bottom edge of the parent element.

Left: the distance between the left edge of the element and the left or Right side of the left edge of the parent element.

Position: place the element in the position of static, relative, absolute, or fixed.

Right: the distance between the right edge of the element and the Left or right side of the right edge of the parent element.

Top sets the distance between the top edge of an element and the top or bottom edge of the parent element.

ZIndex sets the stacking order of Elements

Printing attributes

Attribute description

Orphans sets the minimum number of lines left at the bottom of the page

The page type used to display an element.

PageBreakAfter: sets the paging behavior after an element.

PageBreakBefore: sets the paging behavior before an element.

PageBreakInside: sets the paging behavior inside an element.

Size: Set the page direction and size.

Widows sets the minimum number of lines that must be left at the top of the page

Scrollbar attribute (IE-only)

Attribute description

Scrollbar3dLightColor: sets the color of the arrow and the left and top sides of the scroll bar.

ScrollbarArrowColor sets the arrow color on the scroll bar.

ScrollbarBaseColor: Specifies the background color of the scroll bar.

ScrollbarDarkShadowColor specifies the color of the arrow and the right side and bottom side of the scroll bar.

ScrollbarFaceColor: sets the table color of the scroll bar.

ScrollbarHighlightColor sets the color of the arrow and the left and top sides of the scroll bar, and the background of the scroll bar.

ScrollbarShadowColor: sets the color of the arrow and the right side and bottom side of the scroll bar.

ScrollbarTrackColor: sets the background color of the scroll bar.

Table attributes

Attribute description

BorderCollapse sets whether the table border is merged into a single border or separated as in standard HTML.

BorderSpacing

CaptionSide

EmptyCells: Set whether to display empty cells in the table.

TableLayout algorithm used to display table cells, rows, and columns

Text attributes

Attribute description

Color: Set the text color.

Font sets all font attributes in one row

FontFamily sets the font family of elements.

FontSize: Set the font size of the element.

FontSizeAdjust: Set/adjust the text size

FontStretch sets how to compress or stretch Fonts

FontStyle: Set the font style of the element.

FontVariant uses small uppercase letters to display text

FontWeight: Set the font width.

LetterSpacing

LineHeight

Quotes sets which quotation marks are used in the text

Arrange text in textAlign

TextDecoration

TextIndent compresses the text of the first line

TextShadow sets the text shadow effect.

TextTransform sets the upper case of Text

WhiteSpace: how to set line breaks and blank spaces in text

WordSpacing: Set the word spacing in text

Standard attributes

Attribute description

Dir sets or returns the direction of the text

Language code for setting or returning elements in lang

Title sets or returns the consulting title of an element.

 

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.