Style Object border Property
 Style Object
Definition and Usage
The border property sets all border properties in one declaration.
Syntax
|
Object.style.border=borderWidth borderStyle borderColor
|
Possible Values
| Value |
Description |
Values |
| borderWidth |
Sets the width of the border |
thin
medium
thick
length |
| borderStyle |
Sets the style of the border |
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset |
| borderColor |
Sets the color of the border |
color-name
color-rgb
color-hex
transparent |
Example
Example
The following example changes the border of an element:
<html>
<head>
<style type="text/css">
p
{
border: thin dotted #FF0000
}
</style>
<script type="text/javascript">
function changeBorder()
{
document.getElementById("p1").style.border="thick solid #0000FF";
}
</script>
</head>
<body>
<input type="button" onclick="changeBorder()"
value="Change border" />
<p id="p1">This is a paragraph</p>
</body>
</html>
|
Try it yourself »
|
Style Object
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
|
|
