The HTML DOM borderRightWidth property is used for setting or getting the Right border width for an element.Following is the syntax for −Setting the borderRightWidth property −object.style.borderRightWidth = "thin|medium|thick|length|initial|inherit"The property values are explained as follows −ValueDescriptionthinThis specifies a thin border.mediumThis specifies the medium border and is the default value.thickThis specifies a thin border.lengthThis is used for specifying the border width in length units.initialFor setting this property to initial value.inheritTo inherit the parent property valueLet us look at an example for the borderRightWidth Property −Example Live Demo    #DIV1{       height: 100px;       width: 200px; ... Read More

The HTML DOM borderRightStyle property is used for setting or returning the right border style for an element.Following is the syntax for −Setting the borderRightStyle property −object.style.borderRightStyle = valueThe above properties are explained as follows −ValueDescriptionnoneThis is the default value specifying no border.hiddenThis is same as "none" but will still take border space. It is basically transparent but still there.dottedThis defines a dotted border.dashedThis defines a dashed border.solidThis defines a solid border.doubleThis defines a double border groovegrooveThis defines a 3d groove border and is the opposite of ridge.ridgeThis defines a 3D ridged border and is the opposite of grooveinsetThis defines ... Read More

The HTML DOM borderRightColor property is used to get or set the color for Right border of an element.Following is the syntax for −Setting the borderRightColor property −object.style.borderRightColor = "color|transparent|initial|inherit"The above properties are explained as follows −ValueDescriptioncolorFor specifying the Right border color. Its default color is set to blacktransparentThe makes the Right border color transparent and the underlying content can be seen.initialFor setting this property to default valueinheritTo inherit the parent property value.Let us look at an example for the borderRightColor property:Example Live Demo    #IMG1 {       border-right:solid 8px;       border-right-color: orange;   ... Read More

The HTML DOM borderRight property is used as a shorthand for getting or setting the Right border properties for an element. The borderRight property contains border-Right-width, border-Right-style, border-Right-color.Following is the syntax for −Setting the borderRight property:object.style.borderRight = "width style color|initial|inherit"The above properties are explained as follows −ParameterDescriptionwidthFor setting the Right border width.styleFor setting the Right border style.colorFor setting the Right border color.initialFor setting this property to default value.inheritTo inherit the parent property value.Let us look at an example for the borderRight property −Example Live Demo    #P1 {       border-Right: 4px solid magenta;       ... Read More

The HTML DOM borderRadius propert is used to add rounded corners to the element’s four sides. Using this property, we can set and get the border radius properties like borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius.Following is the syntax for −Setting the borderRadius property:object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"The property values are explained as follows −ValueDescriptionlengthFor defining the borders shape.%For defining the borders shape in percentage.initialFor setting this property to initial value.inheritTo inherit the parent property valueLet us look at an example for the borderRadius property −Example Live Demo    #DIV1{       height: 100px;       width: ... Read More

The HTML DOM borderLeftWidth property is used for setting or getting the Left border width for an element.Following is the syntax for −Setting the borderLeftWidth property −object.style.borderLeftWidth = "thin|medium|thick|length|initial|inherit"The property values are explained as follows −ValueDescriptionthinThis specifies a thin border.mediumThis specifies the medium border and is the default value.thickThis specifies a thin border.lengthFor setting this property to default value.initialFor setting this property to initial value.inheritTo inherit the parent property valueLet us look at an example for the borderLeftWidth Property −Example Live Demo    #DIV1{       height: 100px;       width: 200px;       border: ... Read More

The borderLeftStyle property is used for setting or returning the left border style for an element.Following is the syntax for −Setting the borderLeftStyle property −object.style.borderLeftStyle = valueThe above properties are explained as follows −ValueDescriptionNoneThis is the default value specifying no border.HiddenThis is same as "none" but will still take border space. It is basically transparent but still there.dottedThis defines a dotted border.dashedThis defines a dashed border.solidThis defines a solid border.doubleThis defines a double bordergrooveThis defines a 3d groove border and is the opposite of ridgeridgeThis defines a 3D ridged border and is the opposite of grooveinsetThis defines a 3D inset ... Read More

The HTML DOM borderLeftColor property is used to get or set the color for left border of an element.Following is the syntax for −Setting the borderImageWidth property −object.style.borderLeftColor = "color|transparent|initial|inherit"The above properties are explained as follows −ValueDescriptioncolorFor specifying the left border color. The default color is set to blacktransparentThe makes the left border color transparent and the underlying content can be seen.initialFor setting this property to default value.inheritTo inherit the parent property value.Let us look at an example for the borderLeftColor property −Example Live Demo    #IMG1{       border-left:solid 8px;       border-left-color: orange;   ... Read More

The HTML DOM borderLeft property is used as a shorthand for getting or setting the left border properties for an element. The borderLeft property contains border-left-width, border-left-style, border-left-color.Following is the syntax for −Setting the borderImageWidth property −object.style.borderLeft = "width style color|initial|inherit"The above properties are explained as follows −ParameterDescriptionwidthFor setting the left border width.styleFor setting the left border style.colorFor setting the left border color.initialFor setting this property to default value.initialFor setting this property to default value.inheritTo inherit the parent property value.Let us look at an example for the borderLeft property −Example Live Demo    #P1 {       ... Read More

The HTML DOM borderImageWidth property is used to set or get the width of the border image for an element.Following is the syntax for −Setting the borderImageWidth property −object.style.borderImageWidth = "number|%|auto|initial|inherit"The above properties are explained as follows −ValueDescriptionlengthFor describing the border width size in px.numberFor describing the border width in multiples of corresponding border width and it’s default value is 1.%For describing the horizontal offsets and vertical off sets for the border image area width.autoThis sets the width and height corresponding to the image width and height.initialFor setting this property to default value.inheritTo inherit the parent property value.Let us look ... Read More