CSS border-top-width Property
Complete CSS Reference
Example
Set the width of the top border:
p
{
border-style:solid;
border-top-width:15px;
} |
Try it yourself »
|
Definition and Usage
The border-top-width property sets the width of an element's top border.
Note: Always declare the border-style property before the border-top-width
property. An element must have borders before you can change the width.
| Default value: |
medium |
| Inherited: |
no |
| Version: |
CSS1 |
| JavaScript syntax: |
object.style.borderTopWidth="thick" |
Browser Support

The border-top-width property is supported in all major browsers.
Note: No versions of Internet Explorer (including IE8) support the property value "inherit".
Property Values
| Value |
Description |
| thin |
Specifies a thin top border |
| medium |
Specifies a medium top border. This is default |
| thick |
Specifies a thick top border |
| length |
Allows you to define the thickness of the top border |
| inherit |
Specifies that the border width should be inherited
from the parent element |
Related Pages
CSS tutorial: CSS Border
CSS reference: border-top property
HTML DOM reference:
borderTopWidth property
Complete CSS Reference
Stylus Studio® 2010 XML Enterprise Suite raises the bar for productivity in XML development tools.
Millions of XML developers and data integration specialists turn to Stylus Studio's comprehensive and intuitive
XML toolset to tackle today's advanced XML data transformation and aggregation challenges.
|
- XML Pipeline Editor, Debugger and Code Generator
- DataDirect XML Converters
- XQuery Mapper, Editor, Debugger, and Profiler
- XSLT Mapper, Editor, Debugger, Designer, and Profiler
- Java and C# for .Net Code Generation
- XML Schema Designer With Documentation Generator
- XML Editor With Full XPath Integration
Download a free trial now
|
|