WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

HTML DOM Style Object



Style object

The Style object speaks to an individual style statement.

Access a Style Object

The Style article can be gotten to from the head segment of the record, or from explicit HTML element(s).

Accessing style object(s) from the head segment of the document:

var x = document.getElementsByTagName("STYLE");

Accessing a predefined component's style object:

var x = document.getElementById("myH1").style;

Create a Style Object

You can make a <style> component by utilizing the document.createElement() method:

var x = document.createElement("STYLE");

You can likewise set the style properties of a current element:

document.getElementById("myH1").style.color = "red";

Style Object Properties

The "CSS" section demonstrates in which CSS form the property is characterized (CSS1, CSS2, or CSS3).

- > - >
Property Description CSS
alignContent Sets or returns the arrangement between the lines inside an adaptable holder when the things don't utilize all accessible space 3
alignItems Sets or returns the arrangement for things inside an adaptable container 3
alignSelf Sets or returns the arrangement for chose things inside an adaptable container 3
animation A shorthand property for all the liveliness properties beneath, with the exception of the animationPlayState property 3
animationDelay Sets or returns when the movement will start 3
animationDirection Sets or returns regardless of whether the movement should play backward on interchange cycles 3
animationDuration Sets or returns how long or milliseconds a movement takes to finish one cycle 3
animationFillMode Sets or returns what esteems are connected by the liveliness outside the time it is executing 3
animationIterationCount Sets or returns the occasions a liveliness ought to be played 3
animationName Sets or returns a name for the @keyframes animation 3
animationTimingFunction Sets or returns the speed bend of the animation 3
animationPlayState Sets or returns whether the movement is running or paused 3
background Sets or returns all the foundation properties in one declaration 1
backgroundAttachment Sets or returns whether a foundation picture is fixed or looks with the page 1
backgroundColor Sets or returns the foundation shade of an element 1
backgroundImage Sets or returns the foundation picture for an element 1
backgroundPosition Sets or returns the beginning position of a foundation image 1
backgroundRepeat Sets or returns how to rehash (tile) a foundation image 1
backgroundClip Sets or returns the artistic creation zone of the background 3
backgroundOrigin Sets or returns the situating region of the foundation images 3
backgroundSize Sets or returns the span of the foundation image 3
backfaceVisibility Sets or returns regardless of whether a component should be unmistakable when not confronting the screen 3
border Sets or returns borderWidth, borderStyle, and borderColor in one declaration 1
borderBottom Sets or returns all the borderBottom* properties in one declaration 1
borderBottomColor Sets or returns the shade of the base border
borderBottomLeftRadius Sets or returns the state of the outskirt of the base left corner 3
borderBottomRightRadius Sets or returns the state of the fringe of the base right corner 3
borderBottomStyle Sets or returns the style of the base border 1
borderBottomWidth Sets or returns the width of the base border 1
borderCollapse Sets or returns whether the table fringe ought to be crumpled into a solitary outskirt, or not 2
borderColor Sets or returns the shade of a component's fringe (can have up to four values) 1
borderImage A shorthand property for setting or restoring all the borderImage* properties 3
borderImageOutset Sets or returns the sum by which the outskirt picture region stretches out past the fringe box 3
borderImageRepeat Sets or returns whether the picture outskirt ought to be rehashed, adjusted or stretched 3
borderImageSlice Sets or returns the internal counterbalances of the picture border 3
borderImageSource Sets or returns the picture to be utilized as a border 3
borderImageWidth Sets or returns the widths of the picture border 3
borderLeft Sets or returns all the borderLeft* properties in one declaration 1
borderLeftColor Sets or returns the shade of the left border 1
borderLeftStyle Sets or returns the style of the left border 1
borderLeftWidth Sets or returns the width of the left border 1
borderRadius A shorthand property for setting or restoring all the four border*Radius properties 3
borderRight Sets or returns all the borderRight* properties in one declaration 1
borderRightColor Sets or returns the shade of the privilege border 1
borderRightStyle Sets or returns the style of the privilege border 1
borderRightWidth Sets or returns the width of the privilege border 1
borderSpacing Sets or returns the space between cells in a table 2
borderStyle Sets or returns the style of a component's outskirt (can have up to four values) 1
borderTop Sets or returns all the borderTop* properties in one declaration 1
borderTopColor Sets or returns the shade of the best border 1
borderTopLeftRadius Sets or returns the state of the fringe of the upper left corner 3
borderTopRightRadius Sets or returns the state of the fringe of the upper right corner 3
borderTopStyle Sets or returns the style of the best border 1
borderTopWidth Sets or returns the width of the best border 1
borderWidth Sets or returns the width of a component's fringe (can have up to four values) 1
bottom Sets or returns the base position of a situated element 2
boxDecorationBreak Sets or returns the conduct of the foundation and outskirt of a component at page-break, or, for in-line components, at line-break. 3
boxShadow Attaches at least one drop-shadows to the box 3
boxSizing Allows you to characterize certain components to fit a territory in a certain way 3
breakAfter 3
breakBefore 3
breakInside 3
Sets or returns the situation of the table caption 2
clear Sets or returns the situation of the component in respect to skimming objects 1
clip Sets or returns which part of a situated component is visible 2
color Sets or returns the shade of the text 1
columnCount Sets or returns the quantity of segments a component ought to be isolated into 3
columnFill Sets or returns how to fill columns 3
columnGap Sets or returns the hole between the columns 3
columnRule A shorthand property for setting or restoring all the columnRule* properties 3
columnRuleColor Sets or returns the shade of the standard between columns 3
columnRuleStyle Sets or returns the style of the standard between columns 3
columnRuleWidth Sets or returns the width of the standard between columns 3
columns A shorthand property for setting or returning columnWidth and columnCount 3
columnSpan Sets or returns what number of segments a component should length across 3
Sets or returns the width of the columns 3
content Used with the :previously and :after pseudo-components, to embed produced content 2
counterIncrement Increments at least one counters 2
counterReset Creates or resets at least one counters 2
cursor Sets or returns the kind of cursor to show for the mouse pointer 2
direction Sets or returns the content direction 2
display Sets or returns a component's presentation type 1
emptyCells Sets or returns whether to demonstrate the fringe and foundation of void cells, or not 2
filter Sets or returns picture channels (enhanced visualizations, similar to obscure and saturation) 3
flex Sets or returns the length of the thing, with respect to the rest 3
flexBasis Sets or returns the underlying length of an adaptable item 3
flexDirection Sets or returns the course of the adaptable items 3
flexFlow A shorthand property for the flexDirection and the flexWrap properties 3
flexGrow Sets or returns how much the thing will develop in respect to the rest 3
flexShrink Sets or returns how the thing will recoil in respect to the rest 3
flexWrap Sets or returns whether the adaptable things should wrap or not 3
cssFloat Sets or returns the flat arrangement of an element 1
font Sets or returns fontStyle, fontVariant, fontWeight, fontSize, lineHeight, and fontFamily in one declaration 1
fontFamily Sets or returns the textual style family for text 1
fontFeatureSetting 3
fontKerning 3
fontLanguageOverride 3
fontSynthesis 3
fontVariantAlternates 3
fontVariantCaps 3
fontVariantEastAsian 3
fontVariantLigatures 3
fontVariantNumeric 3
fontVariantPosition 3
fontSize Sets or returns the text dimension of the text 1
fontStyle Sets or returns whether the style of the text style is typical, italic or oblique 1
fontVariant Sets or returns whether the text style ought to be shown in little capital letters 1
fontWeight Sets or returns the strength of the font 1
fontSizeAdjust Preserves the intelligibility of content when textual style fallback occurs 3
fontStretch Selects an ordinary, consolidated, or extended face from a text style family 3
hangingPunctuation Specifies whether an accentuation character might be set outside the line box 3
height Sets or returns the stature of an element 1
hyphens Sets how to part words to improve the format of paragraphs 3
icon Provides the creator the capacity to style a component with a notable equivalent 3
imageOrientation Specifies a pivot justified or clockwise heading that a client specialist applies to an image 3
imageRendering 3
imageResolution 3
imeMode 3
justifyContent Sets or returns the arrangement between the things inside an adaptable compartment when the things don't utilize all accessible space. 3
left Sets or returns the left position of a situated element 2
letterSpacing Sets or returns the space between characters in a text 1
lineBreak 3
lineHeight Sets or returns the separation between lines in a text 1
listStyle Sets or returns listStyleImage, listStylePosition, and listStyleType in one declaration 1
listStyleImage Sets or returns a picture as the rundown thing marker 1
listStylePosition Sets or returns the situation of the rundown thing marker 1
listStyleType Sets or returns the rundown thing marker type 1
margin Sets or returns the edges of a component (can have up to four values) 1
marginBottom Sets or returns the base edge of an element 1
marginLeft Sets or returns the left edge of an element 1
marginRight Sets or returns the correct edge of an element 1
marginTop Sets or returns the best edge of an element 1
mark A shorthand property for setting the imprint previously and mark-after properties 3
markAfter Allows named markers to be appended to the sound stream 3
markBefore Allows named markers to be appended to the sound stream 3
marks Adds crop or potentially cross imprints to the document 3
marqueeDirection Sets the course of the moving content 3
marqueePlayCount Sets how frequently the substance move 3
marqueeSpeed Sets how quick the substance scrolls 3
marqueeStyle Sets the style of the moving content 3
mask 3
maskType 3
maxHeight Sets or returns the most extreme stature of an element 2
maxWidth Sets or returns the most extreme width of an element 2
minHeight Sets or returns the base tallness of an element 2
minWidth Sets or returns the base width of an element 2
navDown Sets or returns where to explore when utilizing the bolt down route key 3
navIndex Sets or returns the selecting request for an element 3
navLeft Sets or returns where to explore when utilizing the bolt left route key 3
navRight Sets or returns where to explore when utilizing the bolt right route key 3
navUp Sets or returns where to explore when utilizing the bolt up route key 3
objectFit 3
objectPosition 3
opacity Sets or returns the mistiness level for an element 3
order Sets or returns the request of the adaptable thing, in respect to the rest 3
orphans Sets or returns the base number of lines for a component that must be left at the base of a page when a page break happens inside an element 2
outline Sets or returns all the framework properties in one declaration 2
outlineColor Sets or returns the shade of the layout around an element 2
outlineOffset Offsets a framework, and draws it past the outskirt edge 3
outlineStyle Sets or returns the style of the diagram around an element 2
outlineWidth Sets or returns the width of the blueprint around an element 2
overflow Sets or returns how to manage content that renders outside the component box 2
overflowWrap 3
overflowX Specifies how to manage the left/right edges of the substance, in the event that it floods the component's substance area 3
overflowY Specifies how to manage the best/base edges of the substance, in the event that it floods the component's substance area 3
padding Sets or returns the cushioning of a component (can have up to four values) 1
paddingBottom Sets or returns the base cushioning of an element 1
paddingLeft Sets or returns the left cushioning of an element 1
paddingRight Sets or returns the correct cushioning of an element 1
paddingTop Sets or returns the best cushioning of an element 1
pageBreakAfter Sets or returns the page-break conduct after an element 2
pageBreakBefore Sets or returns the page-break conduct before an element 2
pageBreakInside Sets or returns the page-break conduct inside an element 2
perspective Sets or profits the viewpoint for how 3D components are viewed 3
perspectiveOrigin Sets or returns the base position of 3D elements 3
phonemes Specifies a phonetic elocution for the content contained by the relating element 3
Sets or returns the kind of situating technique utilized for a component (static, relative, supreme or fixed) 2
ation marks for implanted quotations 2
resize Sets or returns regardless of whether a component is resizable by the user 3
rest A shorthand property for setting the rest-previously and rest-after properties 3
restAfter Specifies a rest or prosodic limit to be seen in the wake of talking a component's content 3
restBefore Specifies a rest or prosodic limit to be seen before talking a component's content 3
right Sets or returns the correct position of a situated element 2
tableLayout Sets or returns the best approach to spread out table cells, lines, and columns 2
tabSize Sets or returns the length of the tab-character 3
textAlign Sets or returns the even arrangement of text 1
textAlignLast Sets or returns how the last line of a square or a line directly before a constrained line break is adjusted when content adjust is "justify" 3
textCombineHorizontal 3
textDecoration Sets or returns the design of a text 1
textDecorationColor Sets or returns the shade of the content decoration 3
textDecorationLine Sets or returns the sort of line in a content decoration 3
textDecorationStyle Sets or returns the style of the line in a content decoration 3
textIndent Sets or returns the space of the principal line of text 1
textJustify Sets or returns the avocation strategy utilized when content adjust is "justify" 3
textOrientation 3
textOverflow Sets or returns what ought to happen when content floods the containing element 3
textShadow Sets or returns the shadow impact of a text 3
textTransform Sets or returns the capitalization of a text 1
textUnderlinePosition 3
top Sets or returns the best position of a situated element 2
transform Applies a 2D or 3D change to an element 3
transformOrigin Sets or returns the situation of changed elements 3
transformStyle Sets or returns how settled components are rendered in 3D space 3
transition A shorthand property for setting or restoring the four change properties 3
transitionProperty Sets or returns the CSS property that the change impact is for 3
transitionDuration Sets or returns how long or milliseconds a progress impact takes to complete 3
transitionTimingFunction Sets or returns the speed bend of the change effect 3
transitionDelay Sets or returns when the progress impact will start 3
unicodeBidi Sets or returns whether the content ought to be superseded to help various dialects in the equivalent document 2
verticalAlign Sets or returns the vertical arrangement of the substance in an element 1
visibility Sets or returns whether a component ought to be visible 2
voiceBalance Specifies the harmony among left and right channels 3
voiceDuration Specifies to what extent it should take to render the chose component's content 3
voicePitch Specifies the normal pitch (a recurrence) of the talking voice 3
voicePitchRange Specifies variety in normal pitch 3
voiceRate Controls the talking rate 3
voiceStress Indicates the quality of accentuation to be applied 3
voiceVolume Refers to the sufficiency of the waveform yield by the discourse synthesises 3
whiteSpace Sets or returns how to deal with tabs, line breaks and whitespace in a text 1
width Sets or returns the width of an element 1
wordBreak Sets or returns line defying guidelines for non-CJK scripts 3
wordSpacing Sets or returns the dispersing between words in a text 1
wordWrap Allows long, unbreakable words to be broken and wrap to the following line 3
widows Sets or returns the base number of lines for a component that must be noticeable at the highest point of a page 2
writingMode 3
zIndex Sets or returns the stack request of a situated element 2