Academic Tutorials



English | French | Portugese | German | Italian
Google

Home Source Codes E-Books Downloads Contact Us About Us

HTML DOM Tutorial
HTML DOM Introduction
HTML DOM Example
HTML DOM Reference
HTML DOM Summary
HTML DOM Window Objects
HTML DOM Navigator Object
HTML DOM Screen Object
HTML DOM History Object
HTML DOM Location Object
HTML DOM Document Object
HTML DOM Anchor Object
HTML DOM Area Object
HTML DOM Base Object
HTML DOM Body Object
HTML DOM Button Object
HTML DOM Event Object
HTML DOM Form Object
HTML DOM Frame Object
HTML DOM Frameset Object
HTML DOM IFrame Object
HTML DOM Image Object
HTML DOM Button Object
HTML DOM Checkbox Object
HTML DOM FileUpload Object
HTML DOM Hidden Object
HTML DOM Password Object
HTML DOM Radio Object
HTML DOM Reset Object
HTML DOM Submit Object
HTML DOM Text Object
HTML DOM Link Object
HTML DOM Meta Object
HTML DOM Object Object
HTML DOM Option Object
HTML DOM Select Object
HTML DOM Style Object
HTML DOM Table Object
HTML DOM TableCell Object
HTML DOM TableRow Object
HTML DOM TextArea Object

HTML Tutorials
HTML Tutorial
XHTML Tutorial
CSS Tutorial
TCP/IP Tutorial
XML Tutorials
XML Tutorial
XSL Tutorial
XSLT Tutorial
DTD Tutorial
Schema Tutorial
XForms Tutorial
XSL-FO Tutorial
XML DOM Tutorial
XLink Tutorial
XQuery Tutorial
XPath Tutorial
XPointer Tutorial
RDF Tutorial
SOAP Tutorial
WSDL Tutorial
RSS Tutorial
WAP Tutorial
Web Services Tutorial
Browser Scripting
JavaScript Tutorial
VBScript Tutorial
AJAX Tutorial
DHTML Tutorial
HTML DOM Tutorial
WMLScript Tutorial
E4X Tutorial
Server Scripting
ASP Tutorial
PHP Tutorial
PERL Tutorial
SQL Tutorial
ADO Tutorial
.NET (dotnet)
Microsoft.Net
XML Web Services
ASP.Net
.Net Mobile
C# : C Sharp
ADO.NET
VB.NET
Multimedia
SVG Tutorial
Flash Tutorial
Media Tutorial
SMIL Tutorial
Web Building
Web Browsers
Web Hosting
W3C Tutorial
Web Building
Web Quality
Web Semantic
Web Careers
Java Tutorials
Java Tutorial
JSP Tutorial
Servlets Tutorial
Struts Tutorial
EJB Tutorial
JMS Tutorial
JMX Tutorial
Programming Langauges
C Tutorial
C++ Tutorial
Visual Basic Tutorial
Data Structures Using C
Soft Skills
Communication Skills
Time Management
Project Management
Team Work
Leadership Skills
Corporate Communication
Negotiation Skills


HTML DOM Style Object
Previous Next


Style object

  • The Style object represent an individual style statement.
  • The Style object can be accessed from the document or from the elements to which that style is applied.
  • Syntax for using the Style object property:
    document.getElementById("id").style.property="value"
    The Style object property categories:

    • Background
    • Layout
    • List
    • Border and Margin
    • Misc
    • Positioning
    • Printing
    • Table
    • Scrollbar
    • Text
    • Standard

    IE: Internet Explorer, W: Windows IE only,M: Mac IE only, F: Firefox, O: Opera, W3C: World Wide Web Consortium (Internet Standard).




    Background properties
    Property Description Values IE F O
    background Sets or returns all background properties in one backgroundColor
    backgroundImage
    backgroundRepeat
    backgroundAttachment
    backgroundPosition
    4 1  
    backgroundAttachment Sets or returns whether a background image is fixed or scrolls with the rest of the page scroll
    fixed
    4 1  
    backgroundColor Sets or returns the background color of the element color-rgb
    color-hex
    color-name

    transparent
    4 1  
    backgroundImage Sets or returns the background image of the element url("URL")
    none
    4 1  
    backgroundPosition Sets or returns the starting position of the background image top left
    top center
    top right
    center left
    center center
    center right
    bottom left
    bottom center
    bottom right
    x-% y-%
    x-pos y-pos
    4 1  
    backgroundPositionX Sets or returns the x-coordinates of the backgroundPosition property left
    center
    right
    x-%
    x-pos
    4 No  
    backgroundPositionY Sets or returns the y-coordinates of the backgroundPosition property top
    center
    bottom
    y-%
    y-pos
    4 No  
    backgroundRepeat Sets or returns if/how a background image will be repeated repeat
    repeat-x
    repeat-y
    no-repeat
    4 1



    Border and Margin properties
    Property Description Values IE F O
    border Sets or returns all properties for the four borders in one borderWidth
    borderStyle
    borderColor
    4 1  
    borderBottom Sets or returns all properties for the bottom border in one borderWidth
    borderStyle
    borderColor
    4 1  
    borderLeft Sets or returns all property for the left border in one borderWidth
    borderStyle
    borderColor
    4 1  
    borderRight Sets or returns all property for the right border in one borderWidth
    borderStyle
    borderColor
    4 1  
    borderTop Sets or returns all property for the top border in one borderWidth
    borderStyle
    borderColor
    4 1  
    borderBottomColor Sets or returns the color of the bottom border borderColor 4 1  
    borderLeftColor Sets or returns the color of the left border borderColor 4 1  
    borderRightColor Sets or returns the color of the right border borderColor 4 1  
    borderTopColor Sets or returns the color of the top border borderColor 4 1  
    borderBottomStyle Sets or returns the style of the bottom border borderStyle 4 1  
    borderLeftStyle Sets or returns the style of the left border borderStyle 4 1  
    borderRightStyle Sets or returns the style of the right border borderStyle 4 1  
    borderTopStyle Sets or returns the style of the top border borderStyle 4 1  
    borderBottomWidth Sets or returns the width of the bottom border borderWidth 4 1  
    borderLeftWidth Sets or returns the width of the left border borderWidth 4 1  
    borderRightWidth Sets or returns the width of the right border borderWidth 4 1  
    borderTopWidth Sets or returns the width of the top border borderWidth 4 1  
    borderColor Sets or returns the color of all four borders (can have up to four colors) color-rgb
    color-hex
    color-name
    4 1  
    borderStyle Sets or returns the style of all four borders none
    dotted
    dashed
    solid
    double
    groove
    ridge
    inset
    outset
    4 1  
    borderWidth Sets or returns the width of all four borders thin
    medium
    thick
    length
    4 1  
    margin Sets or returns the top, right, bottom, and left margins of the element marginTop
    marginRight
    marginBottom
    marginLeft
    4 1  
    marginBottom Sets or returns the bottom margin of the element auto
    length
    %
    4 1  
    marginLeft Sets or returns the left margin of the element auto
    length
    %
    4 1  
    marginRight Sets or returns the right margin of the element auto
    length
    %
    4 1  
    marginTop Sets or returns the top margin of the element auto
    length
    %
    4 1  
    outline Sets or returns the color, style, and width of the outline around the element outlineColor
    outlineStyle
    outlineWidth
    5M 1  
    outlineColor Sets or returns the color of the outline around the element color-rgb
    color-hex
    color-name
    invert
    5M 1  
    outlineStyle Sets or returns the style of the outline around the element none
    dotted
    dashed
    solid
    double
    groove
    ridge
    inset
    outset
    5M 1  
    outlineWidth Sets or returns the width of the outline around the element thin
    medium
    thick
    length
    5M 1  
    padding Sets or returns the top, right, bottom, and left padding of the element paddingTop
    paddingRight
    paddingBottom
    paddingLeft
    4 1  
    paddingBottom Sets or returns the bottom padding of the element length
    %
    4 1  
    paddingLeft Sets or returns the left padding of the element length
    %
    4 1  
    paddingRight Sets or returns the right padding of the element length
    %
    4 1  
    paddingTop Sets or returns the top padding of the element length
    %
    4 1  



    Layout properties
    Property Description Values IE F O
    clear Sets or returns which sides of an element other floating elements are not allowed left
    right
    both
    none
    4 1  
    clip Sets or returns the shape of an element. What if an image is larger than the element it goes inside? - This property lets you specify the dimensions of an element that should be visible, and the element is clipped into this shape, and displayed auto
    rect(top right bottom left)
    4 1  
    clipBottom Returns the bottom coordinate of the clipping region auto
    length
    5W 1  
    clipLeft Returns the left coordinate of the clipping region auto
    length
    5W 1  
    clipRight Returns the right coordinate of the clipping region auto
    length
    5W 1  
    clipTop Returns the top coordinate of the clipping region auto
    length
    5W 1  
    content Sets or returns meta-information   5M 1  
    counterIncrement     5M 1  
    counterReset     5M 1  
    cssFloat     5M 1  
    cursor Sets or returns the type of cursor to be displayed when the mouse pointer moves over the element auto
    crosshair
    default
    hand
    pointer
    move
    e-resize
    ne-resize
    nw-resize
    n-resize
    se-resize
    sw-resize
    s-resize
    w-resize
    text
    wait
    help
    all-scroll (IE6+)
    col-resize (IE6+)
    no-drop (IE6+)
    not-allowed (IE6+)
    pointer (IE6+)
    progress (IE6+)
    row-resize (IE6+)
    url(uri) (IE6+)
    vertical-text (IE6+)
    4 1  
    direction Sets or returns the reading order ltr
    rtl
    5 1  
    display Sets or returns how/if an element is displayed block
    none
    inline
    inline-block
    list-item (IE6+)
    table-header-group
    table-footer-group
    4 1  
    filter Sets or returns the filter/filters applied to the element   4W    
    layoutGrid     5W    
    layoutGridChar     5W    
    layoutGridLine     5W    
    layoutGridMode     5W    
    layoutGridType     5W    
    markerOffset     5M 1  
    marks     5M 1  
    maxHeight     5M 1  
    maxWidth     5M 1  
    minHeight     6 1  
    minWidth     5M 1  
    MozOpacity       1  
    overflow     4 1  
    overflowX     5W 1  
    overflowY     5W 1  
    styleFloat     4    
    verticalAlign     4 1  
    visibility     4 1  
    width     4 1  
    zoom     5W    



    List properties
    Property Description Values IE F O
    listStyle Sets or returns all the properties for a list in one listStyleType
    listStylePosition
    listStyleImage
    4 1  
    listStyleImage Sets or returns the value of the image that is the list-item marker none
    urlurl)
    4 1  
    listStylePosition Sets or returns where the list-item marker is placed in the list outside
    inside
    4 1  
    listStyleType Sets or returns the type of the list-item marker disc
    circle
    square
    decimal
    lower-roman
    upper-roman
    lower-alpha
    upper-alpha
    none
    4 1  



    Misc properties
    Property Description Values IE F O
    accelerator Sets or returns a Boolean value indicating whether the element contains an accelerator key false
    true
    5W    
    behavior     5W    
    cssText     4 1  
    imeMode     5W    



    Positioning properties
    Property Description Values IE F O
    bottom     5 1  
    height     4 1  
    left     4 1  
    pixelBottom     4    
    pixelHeight     4    
    pixelLeft     4    
    pixelRight     4    
    pixelTop     4    
    pixelWidth     4    
    posBottom     4    
    posHeight     4    
    posLeft     4    
    posRight     4    
    posTop     4    
    posWidth     4    
    position     4 1  
    right     5 1  
    top     4 1  
    width     4 1  
    zIndex     4 1  



    Printing properties
    Property Description Values IE F O
    orphans     5M 1  
    widows     5M 1  
    page     5M 1  
    pageBreakAfter     4 1  
    pageBreakBefore     4 1  
    pageBreakInside     5M 1  
    size       1  



    Scrollbar properties
    Property Description Values IE F O
    scrollbar3dLightColor     5W    
    scrollbarArrowColor     5W    
    scrollbarBaseColor     5W    
    scrollbarDarkShadowColor     5W    
    scrollbarFaceColor     5W    
    scrollbarHighlightColor     5W    
    scrollbarShadowColor     5W    
    scrollbarTrackColor     5W    



    Table properties
    Property Description Values IE F O
    borderCollapse     5M 1  
    borderSpacing     5M 1  
    captionSide     5M 1  
    emptyCells     5M 1  
    tableLayout     5 1  



    Text properties
    Property Description Values IE F O
    color     4 1  
    font     4 1  
    fontFamily     4 1  
    fontSize     4 1  
    fontSizeAdjust     5M 1  
    fontStretch     5M 1  
    fontStyle     4 1  
    fontVariant     4 1  
    fontWeight     4 1  
    letterSpacing     4 1  
    lineBreak     5    
    lineHeight     4 1  
    quotes     5M 1  
    rubyAlign     5    
    rubyOverhang     5    
    rubyPosition     5    
    textAlign     4 1  
    textAlignLast     5    
    textAutospace     5W    
    textDecoration     4 1  
    textDecorationBlink     4    
    textDecorationLineThrough     4    
    textDecorationLineNone     4    
    textDecorationLineOverline     4    
    textDecorationLineUnderline     4    
    textIndent     4 1  
    textJustify     5    
    textJustifyTrim     5    
    textKashidaSpace     5    
    textOverflow     6W    
    textShadow     5M 1  
    textTransform     4 1  
    textUnderlinePosition     5    
    unicodeBidi     5 1  
    whiteSpace     4 1  
    wordBreak     5W    
    wordSpacing     6 1  
    wordWrap     5W    
    writingMode     5W    



    Standard Properties
    Property Description IE  O W3C
    dir Sets or returns the direction of text 5 1 9 Yes
    lang Sets or returns the language code for an element 5 1 9 Yes
    title Sets or returns an element's advisory title 5 1 9 Yes


    Share And Enjoy:These icons link to social bookmarking sites where readers can share and discover new web pages.
    • blinkbits
    • BlinkList
    • blogmarks
    • co.mments
    • connotea
    • del.icio.us
    • De.lirio.us
    • digg
    • Fark
    • feedmelinks
    • Furl
    • LinkaGoGo
    • Ma.gnolia
    • NewsVine
    • Netvouz
    • RawSugar
    • Reddit
    • scuttle
    • Shadows
    • Simpy
    • Smarking
    • Spurl
    • TailRank
    • Wists
    • YahooMyWeb

    Previous Next

    Keywords: html document, html element, html content, text node


    HTML Quizes
    HTML Quiz
    XHTML Quiz
    CSS Quiz
    TCP/IP Quiz
    XML Quizes
    XML Quiz
    XSL Quiz
    XSLT Quiz
    DTD Quiz
    Schema Quiz
    XForms Quiz
    XSL-FO Quiz
    XML DOM Quiz
    XLink Quiz
    XQuery Quiz
    XPath Quiz
    XPointer Quiz
    RDF Quiz
    SOAP Quiz
    WSDL Quiz
    RSS Quiz
    WAP Quiz
    Web Services Quiz
    Browser Scripting Quizes
    JavaScript Quiz
    VBScript Quiz
    AJAX Quiz
    DHTML Quiz
    HTML DOM Quiz
    WMLScript Quiz
    E4X Quiz
    Server Scripting Quizes
    ASP Quiz
    PHP Quiz
    PERL Quiz
    SQL Quiz
    ADO Quiz
    .NET (dotnet) Quizes
    Microsoft.Net Quiz
    XML Web Services Quiz
    ASP.Net Quiz
    .Net Mobile Quiz
    C# : C Sharp Quiz
    ADO.NET Quiz
    VB.NET Quiz
    Multimedia Quizes
    SVG Quiz
    Flash Quiz
    Media Quiz
    SMIL Quiz
    Web Building  Quizes
    Web Browsers Quiz
    Web Hosting Quiz
    W3C Quiz
    Web Building Quiz
    Web Quality Quiz
    Web Semantic Quiz
    Web Careers Quiz
    Java Quizes
    Java Quiz
    JSP Quiz
    Servlets Quiz
    Struts Quiz
    EJB Quiz
    JMS Quiz
    JMX Quiz
    Programming Langauges Quizes
    C Quiz
    C++ Quiz
    Visual Basic Quiz
    Data Structures Using C Quiz
    Soft Skills Quizes
    Communication Skills Quiz
    Time Management Quiz
    Project Management Quiz
    Team Work Quiz
    Leadership Skills Quiz
    Corporate Communication Quiz
    Negotiation Skills Quiz

    Privacy Policy
    Copyright © 2003-2008 Vyom Technosoft Pvt. Ltd., All Rights Reserved.