borderBottomStyle property

Article
05/02/2017

Specifies the style of the bottom border of the object.

Syntax

Integer value = object.put_borderBottomStyle(BSTR v);Integer value = object.get_borderBottomStyle(BSTR* sStyle);

Property values

Type: BSTR

none (none)

Initial value. Border is not drawn, regardless of any IHTMLCSSStyleDeclaration::borderWidth.

hidden (hidden)

Internet Explorer 8. Same as none, except in terms of conflict resolution of collapsed borders. Any element with a hidden border suppresses all shared borders at that location. Borders with a style of none have the lowest priority.

dotted (dotted)

Border is a dotted line.

dashed (dashed)

Border is a dashed line.

solid (solid)

Border is a solid line.

double (double)

Border is a double line drawn on top of the background of the object. The sum of the two single lines and the space between equals the IHTMLCSSStyleDeclaration::borderWidth value. The border width must be at least 3 pixels wide to draw a double border.

groove (groove)

3-D groove is drawn in colors based on the value.

ridge (ridge)

3-D ridge is drawn in colors based on the value.

inset (inset)

3-D inset is drawn in colors based on the value.

outset (outset)

3-D outset is drawn in colors based on the value.

window-inset (window-inset)

Internet Explorer 6 and later. Same as inset with a thin outside border.

String format

CSS information

Applies To	All elements
Media	visual
Inherited	no
Initial Value	none

Standards information

CSS Backgrounds and Borders Module Level 3, Section 4.2

Remarks

An IHTMLCSSStyleDeclaration::borderWidth greater than zero must be set for the IHTMLCSSStyleDeclaration::borderBottomStyle property to render.

Examples

This example uses IHTMLCSSStyleDeclaration::borderBottomStyle to specify the bottom border style for a div element.

<body>
   <div id="right"></div> 
</body>

The CSS below specifies double as the default border style for div elements, then sets IHTMLCSSStyleDeclaration::borderBottomStyle to solid for the div element above. The following image shows the result, a solid bottom border.

div {
   width: 50px;
   height: 50px;
   border-width: 5px;
   border-style: double;
   border-color: #4169E1;           
}
#bottom {
   border-bottom-style: solid;
}

Requirements

Minimum supported client	Windows XP
Minimum supported server	Windows Server 2003
Header	Mshtml.h
IDL	Mshtml.idl
DLL	Mshtml.dll

Share via