Javascript

JavaScript Intro

JavaScript Intro Quiz

JavaScript Intro Exercise

JavaScript Basic

JavaScript Basic Quiz

JavaScript Basic Exercise

JavaScript Advance

JavaScript Advance Quiz

JavaScript Advance Exercise

JavaScript ES6

JavaScript ES6 Quiz

JavaScript ES6 Exercise

JavaScript Array Methods and Properties

JavaScript String Methods and Properties

JavaScript Number Methods and Properties

JavaScript Math Properties and Methods

JavaScript Date Methods and Properties

JavaScript Global Methods and Properties

JavaScript RegExp Properties and Methods

JavaScript Class Methods and Keywords

JavaScript Errors, JSON and Booleans

JavaScript Statements

JavaScript Window History Object Properties and Methods

JavaScript Window Location Object Properties and Methods

JavaScript Window Screen Object Properties

JavaScript Window Navigator Object Properties and Methods

JavaScript Window Object Properties and Methods

JavaScript Console Object Methods

JavaScript Geolocation and Storage APIs

JavaScript CSSStyleDeclaration Object Methods and Properties

HTML DOM Documents Object Properties and Methods

DOM HTMLCollection Properties and Methods

HTML DOM Attributes Properties and Methods

HTML DOM Elements Properties and Methods

HTML DOM Style Object Properties

HTML DOM AnimationEvent Properties and Methods

HTML DOM ClipboardEvent Properties and Methods

HTML DOM DragEvent Properties and Methods

HTML DOM FocusEvent Properties and Methods

HTML DOM HashChangeEvent Properties and Methods

HTML DOM InputEvent Properties and Methods

HTML DOM KeyboardEvent Properties and Methods

HTML DOM MouseEvent Properties and Methods

HTML DOM PageTransitionEvent Properties and Methods

HTML DOM ProgressEvent Properties and Methods

HTML DOM StorageEvent Properties and Methods

HTML DOM TransitionEvent Properties and Methods

HTML DOM WheelEvent Properties and Methods

HTML DOM UiEvent Properties and Methods

HTML DOM TouchEvent Properties and Methods

The Event Object Properties and Methods

HTML DOM Style Object Properties

List of HTML DOM Style Object Properties

Style backgroundRepeat Property
The backgroundRepeat property is used to either set or return how to repeat a background image.
Style backgroundClip Property
The backgroundClip property is used to either set or return the painting area of the background.
Style backgroundOrigin Property
The backgroundOrigin property is used to either set or return what the background-position property is relative to. If background-attachment is set to fixed then this property will not work.
Style backgroundSize Property
The backgroundSize property is used to either set or return the size of the background images.
Style backfaceVisibility Property
The backfaceVisibility property is used to specify whether an element should be visible when not facing the screen or not.
Style border Property
The border property is used to either set or return up to three separate border properties. It is a shorthand property.
Style borderBottom Property
The borderBottom property is used to either set or return up to three separate border-bottom properties. It is a shorthand property.
Style borderBottomColor Property
The borderBottomColor property is used to either set or return color of the bottom border of an element.
Style borderBottomLeftRadius Property
The borderBottomLeftRadius property is used to either set or return the shape of the border of the bottom-left corner.
Style borderBottomRightRadius Property
The borderBottomRightRadius property is used to either set or return the shape of the border of the bottom-right corner.
Style borderBottomStyle Property
The borderBottomStyle property is used to either set or return the style of the bottom border of an element.
Style borderBottomWidth Property
The borderBottomWidth property is used to either set or return the width of the bottom border of an element.
Style borderCollapse Property
The borderCollapse property is used to either set or return whether the table border should be collapsed into a single border or not.
Style borderColor Property
The borderColor property is used to either set or return the color of an element border.
Style borderImage Property
The borderImage property is used for setting images on the border. It is a shorthand property of borderImageSource, borderImageSlice, borderImageWidth, borderImageOutset, and borderImageRepeat.
Style borderImageOutset Property
The borderImageOutset property is used to either set or return the amount by which the border-image area extends beyond the border-box.
Style borderImageRepeat Property
The borderImageRepeat property is used to either set or return whether the image border should be rounded, repeated, or stretched.
Style borderImageSlice Property
The borderImageSlice property is used to specify the inward offsets of the image border.
Style borderImageSource Property
The borderImageSource property is used to either set or return the image to be used. It is used instead of the border styles given by the border-style properties.
Style borderImageWidth Property
The borderImageWidth property is used to specify the widths of the image border.
Style borderLeft Property
The borderLeft property is used to either set or return up to three separate border-left properties. It is a shorthand property.
Style borderLeftColor Property
The borderLeftColor property is used to either set or return the color of the left border of an element.
Style borderLeftStyle Property
The borderLeftStyle property is used to either set or return the style of the left border of an element.
Style borderLeftWidth Property
The borderLeftWidth property is used to either set or return the width of the left border of an element.
Style borderRadius Property
The borderRadius property is a shorthand property. It is used to set or return four borderRadius properties.
Style borderRight Property
The borderRight property is used to either set or return up to three separate border-right properties. These are border-right-width, border-right-style, and border-right-color.
Style borderRightColor Property
The borderRightColor property is used to either set or return the color of the right border of an element.
Style borderRightStyle Property
The borderRightStyle property is used to either set or return the style of the right border of an element.
Style borderRightWidth Property
The borderRightWidth property is used to either set or return the width of the right border of an element.
Style borderSpacing Property
The borderSpacing property is used to either set or return the space between cells in a table. It will not work if borders are collapsable.
Style borderStyle Property
The borderStyle property is used to either set or return the style of an element border.
Style borderTop Property
The borderTop property is used to either set or return up to three separate border-top properties. It is a shorthand property.
Style borderTopColor Property
The borderTopColor property is used to either set or return the color of the top border of an element.
Style borderTopLeftRadius Property
The borderTopLeftRadius property is used to either set or return the shape of the border of the top-left corner. It helps us to add rounded borders to elements.
Style borderTopRightRadius Property
The borderTopRightRadius property is used to either set or return the shape of the border of the top-right corner. It helps us to add rounded borders to elements.
Style borderTopStyle Property
The borderTopStyle property is used to either set or return the style of the top border of an element.
Style borderTopWidth Property
The borderTopWidth property is used to either set or return the width of the top border of an element.
Style borderWidth Property
The borderWidth property is used to either set or return the width of an element border.
Style bottom Property
The bottom property is used to either set or return the bottom position of a positioned element.
Style boxShadow Property
The boxShadow property is used to either set or return the drop-shadows of a box element.
Style boxSizing Property
The boxSizing property is used to define how certain elements fit in an area in a certain way like we want two boxes to place side by side.
Style captionSide Property
The captionSide property is used to either set or return the position of the table caption.
Style caretColor Property
The caretColor property is used to specify color of the cursor in textareas, inputs, or any element that is editable. The cursor is actually caret.
Style clear Property
The clear property is used to either set or return the position of the element relative to floating objects.
Style clip Property
The clip property is used to either set or return which part of a positioned element is visible.
Style color Property
The color property is used to either set or return the color of the text.
Style columnCount Property
The columnCount property is used to specify number of columns an element should be divided into.
Style columnFill Property
The columnFill property is used to specify how to fill columns. We can set it to balanced or not.
Style columnGap Property
The columnGap property is used to specify the gap between the columns. If column-rule property is present between columns, then it will appear in the middle of the gap.
Style columnRule Property
The columnRule property is a shorthand property. It is used for setting the width, style, and color of the given element.
Style columnRuleColor Property
The columnRuleColor property is used to specify the color of the rule between columns.
Style columnRuleStyle Property
The columnRuleStyle property is used to specify the style of the rule between columns.
Style columnRuleWidth Property
The columnRuleWidth property is used to specify width of the rule between columns.
Style columns Property
The columns property is a shorthand property. Two properties included in it are columnWidth, columnCount.
Style columnSpan Property
The columnSpan property is used to specify how many columns an element should span across.
Style columnWidth Property
The columnWidth property is used to specify the width of the columns.
Style counterIncrement Property
The counterIncrement property is used for incrementing one or more counter values. It is used in combination with counterReset property and the content property.
Style counterReset Property
The counterReset property is used to create or reset one or more counters. It is used in combination with counterIncrement property and the content property.
Style cursor Property
The cursor property is used to set or return the type of cursor to display for the mouse pointer.
Style direction Property
The direction property is used to either set or return the text direction of element content. In other words, it is a reading order.
Style display Property
The display property is used to either set or return element display type. Mostly used property values are inline and block.
Style emptyCells Property
The emptyCells property is used to either set or return whether or not to show the border and background of empty cells.
Style filter Property
The filter property is used to add visual effects to images. It includes saturation, blur, and similar effects.
Style flex Property
The flex property is used to either set or return the length of the item. It is relative to the rest of the flexible items inside the same container.
Style flexBasis Property
The flexBasis property is used to specify initial length of a flexible item. It will only work if items are flexible.
Style flexDirection Property
The flexDirection property is used to either set or return the direction of the flexible items. It will only work if items are flexible.
Style flexFlow Property
The flexFlow property is a shorthand property. It is used to specify the direction of flexible items and also determine whether or not the element is wrapped.
Style flexGrow Property
The flexGrow property is used to specify how much the item will grow relative to the rest of the flexible items inside the same container. It will only work if items are flexible.
Style flexShrink Property
The flexShrink property is used to specify how items will shrink relative to the rest of the flexible items inside the same container. It will only work if items are flexible.
Style flexWrap Property
The flex-wrap property is used to specify whether the flexible items should wrap or not. It is only usable if items are flexible. Its default value is nowrap.
Style cssFloat Property
The cssFloat property is used to either set or return the horizontal alignment of an element.
Style font Property
The font property is used to either set or return the font property of an element. It is a shorthand property for font-style, font-variant, font-weight, font-size, line-height, font-family.
Style fontFamily Property
The font-family property is used to set or return the font-family property of an element. It can hold several font names as a fallback system.
Style fontSize Property
The fontSize property is used to either set or return the font size of the text.
Style fontStyle Property
The fontStyle property is used to either set or return the style of the font. The style may be normal, italic, or oblique.
Style fontVariant Property
The fontVariant property is used to either set or return whether or not the font should be displayed in small capital letters.
Style fontWeight Property
The fontWeight property is used to either set or returns how thin or thick characters in a text should be displayed.
Style fontSizeAdjust Property
The fontSizeAdjust property is used to either set or return the font aspect value of a text. It is basically the size difference between the lowercase letter and the uppercase letter.
Style height Property
The height property is used to either set or return the height of an element. It is applicable to elements that have fixed or absolute positions or are block-level elements.
Style isolation Property
The isolation property is used to specify whether or not an element creates a new stacking content.
Style justifyContent Property
The justifyContent property is used to align flexible items horizontally i.e, on the main axis.
Style left Property
The left property is used to either set or return the left position of a positioned element.
Style letterSpacing Property
The letterSpacing property is used to either set or return space between characters in a text.
Style lineHeight Property
The lineHeight property is used to either set or return the distance between lines in a text.
Style listStyle Property
The listStyle property is used to either set or return up to three separate list properties. It is basically a shorthand property.
Style listStyleImage Property
The listStyleImage property is used to either set or return the image as the list-item marker.
Style listStylePosition Property
The listStylePosition property is used to set or return the position of the list-item marker.
Style listStyleType Property
The listStyleType property is used to either set or return the list-item marker type.
Style margin Property
The margin property is used to either set or return the margin of an element border.
Style marginBottom Property
The marginBottom property is used to either set or return the bottom margin of an element.
Style marginLeft Property
The marginLeft property is used to either set or return the left margin of an element.
Style marginRight Property
The marginRight property is used to either set or return the right margin of an element.
Style marginTop Property
The marginTop property is used to either set or return the top margin of an element.
Style maxHeight Property
The maxHeight property is used to either set or return the maximum height of an element.
Style maxWidth Property
The maxWidth property is used to either set or return the maximum width of an element.
Style minHeight Property
The minHeight property is used to either set or return the minimum height of an element.
Style minWidth Property
The minWidth property is used to either set or return the minimum width of an element.
Style objectFit Property
The objectFit property is used to define how we can adjust and resize the img or video element to fit into the container.
Style objectPosition Property
The objectPosition property is used to define how an img or video element be positioned in its own content box.
Style opacity Property
The opacity property is used to either set or return the opacity level of an element.
Style order Property
The order property is used to define the order of a flexible item relative to the rest of the flexible items.
Style orphans Property
The orphans property is used to either set or return the minimum number of lines for an element that must be visible at the bottom of a page.
Style outline Property
The outline property is used to either set or return all the outline properties. An outline is a line around an element and is displayed around the margin of the element.
Style outlineColor Property
The outlineColor property is used to either set or return the color of the outline around an element.
Style outlineOffset Property
The outlineOffset property is used for specifying the offsets of an outline and drawing it beyond the border edge.
Style outlineStyle Property
The outlineStyle property is used to either set or return the style of the outline around an element.
Style outlineWidth Property
The outlineWidth property is used to either set or return the width of the outline around an element.
Style overflow Property
The overflow property is used to either set or return what to do with content that renders outside the element box.
Style overflowX Property
The overflowX property is used to define what to do with the right or left edge of the content in case it overflows the element content area.
Style overflowY Property
The overflowY property is used to define what to do with the top or bottom edge of the content in case it overflows the element content area.
Style padding Property
The padding property is used to either set or return the padding of an element border.
Style paddingBottom Property
The paddingBottom property is used to either set or return the bottom padding of an element.
Style paddingLeft Property
The paddingLeft property is used to either set or return the left padding of an element.
Style paddingRight Property
The paddingRight property is used to either set or return the right padding of an element.
Style paddingTop Property
The paddingTop property is used to either set or return the top padding of an element.
Style pageBreakAfter Property
The pageBreakAfter property is used to either set or return the page-break behavior after an element.
Style pageBreakBefore Property
The pageBreakBefore property is used to either set or return the page-break behavior before an element.
Style pageBreakInside Property
The pageBreakInside property is used to either set or return the page-break behavior inside an element.
Style perspective Property
The perspective property is used for specifying how many pixels a 3D element is placed from the view.
Style perspectiveOrigin Property
The perspectiveOrigin property is used for defining where a 3D element is placed on the x-axis and y-axis.
Style position Property
The position property is used to either set or return the type of positioning method used for an element. Some methods are fixed, static, relative, absolute, sticky.
Style quotes Property
The quotes property is used to either set or return the type of quotation marks for embedded quotations.
Style resize Property
The resize property is used to define whether an element is resizable by the user or not.
Style right Property
The right property is used to either set or return the right position of a positioned element.
Style scrollBehavior Property
The scrollBehavior property is used to specify whether to smoothly animate the scroll position or a straight jump when the user clicks on a link within a scrollable box.
Style tableLayout Property
The tableLayout property is used to either set or return the way in which we can layout table cells, rows, and columns.
Style tabSize Property
The tabSize property is used to specify the length of the space used for the tab character. It is mostly displayed as a single space-character.
Style textAlign Property
The textAlign property is used to either set or return the horizontal alignment of text in a block-level element.
Style textAlignLast Property
The textAlignLast property is used to define how to align the last line of a text. It will only work if the text-align property is set to justify.
Style textDecoration Property
The textDecoration property is used to either set or return one or more decorations for a text.
Style textDecorationColor Property
The textDecorationColor property is used for defining the color of the text-decoration.
Style textDecorationLine Property
The textDecorationLine property is used to either set or return the type of line the decoration will have.
Style textDecorationStyle Property
The textDecorationStyle property is used to either set or return how the line will be displayed.
Style textIndent Property
The textIndent property is used to either set or return the indentation of the first line of text.
Style textOverflow Property
The textOverflow property is used to define what will happen once the text overflows the containing element.
Style textShadow Property
The textShadow property is used to either set or return one or more than one shadow effect for a text.
Style textTransform Property
The textTransform property is used to either set or return the capitalization of a text. It is used for converting text to uppercase or lowercase.
Style top Property
The top property is used to either set or return the top position of a positioned element.
Style transform Property
The transform property is used to apply a 2D or 3D transformation to an element. It allows us to scale, rotate, move, skew, translate, etc the elements.
Style transformOrigin Property
The transformOrigin property is used to change the position of transformed elements.
Style transformStyle Property
The transformStyle property is used to either set or return how nested elements are rendered in 3D space.
Style transition Property
The transition property is a shorthand property. It is the combination of the following four properties transitionProperty, transitionDuration, transitionTimingFunction, and transitionDelay.
Style transitionProperty Property
The transitionProperty property is used to define the name of the CSS property the transition effect is for i.e, the transition effect will start when the specified CSS property changes.
Style transitionDuration Property
The transitionDuration property is used to either set or returns how many milliseconds or seconds a transition effect takes to complete.
Style transitionTimingFunction Property
The transitionTimingFunction property is used to specify the speed curve of the transition effect.
Style transitionDelay Property
The transitionDelay property is used to define the delay after which the transition effect will start. It may be in seconds (s) or milliseconds (ms).
Style unicodeBidi Property
The unicodeBidi property is used to either set or return whether or not the text should be overridden to support multiple languages in the same document.
Style userSelect Property
The userSelect property is used to either set or return whether or not the text of an element can be selected.
Style verticalAlign Property
The verticalAlign property is used to either set or return vertical alignment of the content in an element.
Style visibility Property
The visibility property is used to either set or return whether an element should be visible.
Style whiteSpace Property
The whiteSpace property is used to either set or return how to handle line breaks, whitespaces, and tabs in a text.
Style width Property
The width property is used to either set or return the width of an element. It is applicable to elements that have fixed or absolute positions or are block-level elements.
Style wordBreak Property
The wordBreak property is used to define line-breaking rules for non-CJK scripts like Chinese, Japanese and Korean.
Style wordSpacing Property
The wordSpacing property is used to either set or return the spacing between words in a text.
Style wordWrap Property
The wordWrap property is used to break the long words in order to wrap them into the next line.
Style widows Property
The widows property is used to either set or return the minimum number of lines that must be present at top of an element.
Style zIndex Property
The zIndex property is used to either set or return the stack order of a positioned element.
Style alignContent Property
The alignContent property is used for aligning the flexible container items. It happens when the items do not use all available space vertically.
Style alignItems Property
The alignItems property is used to specify default alignment for items inside the flexible container. To override it, we have to use the align-self property.
Style alignSelf Property
The alignSelf property is used for specifying alignment for the selected item inside the flexible container. It will override the default alignItems property.
Style animation Property
The animation property is used for animating an element or component. It is a shorthand property for six animation properties.
Style animationDelay Property
The animationDelay property is used to specify when the animation will start. It is defined in milliseconds (ms) or seconds (s). We can use negative values in it.
Style animationDirection Property
The animationDirection property is used to either set or return whether the animation should play in reverse on alternate cycles or not.
Style animationDuration Property
The animationDuration property is used to define how many milliseconds or seconds an animation would take to complete one cycle.
Style animationFillMode Property
The animationFillMode property is used to specify what styles will apply for the element when the animation is not playing.
Style animationIterationCount Property
The animationIterationCount property is used to either set or return how many times an animation should be played.
Style animationName Property
The animationName property is used to either set or return the name for the @keyframes animation.
Style animationTimingFunction Property
The animationTimingFunction is used to specify the speed curve of the animation. It actually used to make smooth changes.
Style animationPlayState Property
The animationPlayState property is used to define whether the animation is running or paused. We can use it to stop animation in middle.
Style background Property
The background property is used to either set or returns up to eight separate background properties. It is a shorthand form of these eight properties.
Style backgroundAttachment Property
The backgroundAttachment property is used to either set or return whether a background image should scroll with the content or it should be fixed.
Style backgroundColor Property
The backgroundColor property is used to either set or return the background color of an element.
Style backgroundImage Property
The backgroundImage property is used to either set or return the background image of an element.
Style backgroundPosition Property
The backgroundPosition property is used to either set or return the position of a background image within an element.