What's new?
|
Help
|
Directory
|
Sign in
doctype
Documenting the open web
Project Home
Wiki
Issues
Source
Search
Search Within:
All Wiki Pages
Featured Pages
Current Pages
Deprecated Pages
for
Updated
Sep 19, 2008
by
pilgrim
Labels:
about-css
,
is-css-property
,
from-w3c
BorderCSSProperty
The border property is a shorthand property for setting 'border-width', 'border-style', and 'border-color'.
You are here:
Home
>
CSS Reference
>
Properties
>
border
Usage
Values
[ <border-width> || <border-style> || 'border-color' ]
inherit
Browser compatibility
Compatibility table legend
Test
IE8
IE7
IE6
FF3
FF2
Saf3
Op9
Chrome
style.borderColor reflects <div style='border: #808080'>
N
N
N
N
N
Y
Y
Y
style.borderWidth reflects <div style='border: 0'>
Y
Y
Y
N
N
Y
Y
Y
style.borderWidth reflects <div style='border: 1cm'>
Y
Y
Y
N
N
Y
Y
Y
style.borderWidth reflects <div style='border: 1cm; border-style: solid'>
Y
Y
Y
N
N
Y
Y
Y
style.borderWidth reflects <div style='border: 1cm solid'>
N
N
N
Y
Y
N
Y
N
style.borderWidth reflects <div style='border: 1em'>
Y
Y
Y
N
N
Y
Y
Y
style.borderWidth reflects <div style='border: 1em; border-style: solid'>
Y
Y
Y
N
N
Y
Y
Y
style.borderWidth reflects <div style='border: 1em solid'>
N
N
N
Y
Y
N
Y
N
style.borderWidth reflects <div style='border: 1ex'>
N
N
N
Y
Y
N
Y
N
style.borderWidth reflects <div style='border: 1ex; border-style: solid'>
Y
Y
Y
N
N
Y
Y
Y
style.borderWidth reflects <div style='border: 1ex solid'>
N
N
N
Y
Y
N
Y
N
style.borderWidth reflects <div style='border: 1in'>
Y
Y
Y
N
N
Y
Y
Y
style.borderWidth reflects <div style='border: 1in; border-style: solid'>
Y
Y
Y
N
N
Y
Y
Y
style.borderWidth reflects <div style='border: 1in solid'>
N
N
N
Y
Y
N
Y
N
style.borderWidth reflects <div style='border: 1mm'>
Y
Y
Y
N
N
Y
Y
Y
style.borderWidth reflects <div style='border: 1mm; border-style: solid'>
Y
Y
Y
N
N
Y
Y
Y
style.borderWidth reflects <div style='border: 1mm solid'>
N
N
N
Y
Y
N
Y
N
style.borderWidth reflects <div style='border: 1pc'>
N
N
N
Y
Y
N
Y
N
style.borderWidth reflects <div style='border: 1pc; border-style: solid'>
Y
Y
Y
N
N
Y
Y
Y
style.borderWidth reflects <div style='border: 1pc solid'>
N
N
N
Y
Y
N
Y
N
style.borderWidth reflects <div style='border: 1pt'>
Y
Y
Y
N
N
Y
Y
Y
style.borderWidth reflects <div style='border: 1pt; border-style: solid'>
Y
Y
Y
N
N
Y
Y
Y
style.borderWidth reflects <div style='border: 1pt solid'>
N
N
N
Y
Y
N
Y
N
style.borderWidth reflects <div style='border: 1px'>
N
N
N
Y
Y
N
Y
N
style.borderWidth reflects <div style='border: 1px; border-style: solid'>
Y
Y
Y
N
N
Y
Y
Y
style.borderWidth reflects <div style='border: 1px solid'>
N
N
N
Y
Y
N
Y
N
style.borderColor reflects <div style='border: black'>
N
N
N
N
N
N
Y
N
style.borderStyle reflects <div style='border: bogus'>
N
N
N
Y
Y
Y
Y
Y
style.borderStyle reflects <div style='border: dashed'>
Y
Y
Y
N
N
Y
Y
Y
style.borderStyle reflects <div style='border: dotted'>
Y
Y
Y
N
N
Y
Y
Y
style.borderStyle reflects <div style='border: double'>
Y
Y
Y
N
N
Y
Y
Y
style.borderStyle reflects <div style='border: groove'>
Y
Y
Y
N
N
Y
Y
Y
style.borderStyle reflects <div style='border: hidden'>
Y
N
N
N
N
Y
Y
Y
style.borderStyle reflects <div style='border: inset'>
Y
Y
Y
N
N
Y
Y
Y
style.borderStyle reflects <div style='border: none'>
Y
Y
Y
N
N
Y
Y
Y
style.borderStyle reflects <div style='border: outset'>
Y
Y
Y
N
N
Y
Y
Y
style.borderColor reflects <div style='border: rgb(0, 0, 0)'>
Y
Y
Y
N
N
N
Y
N
style.borderStyle reflects <div style='border: ridge'>
Y
Y
Y
N
N
Y
Y
Y
style.borderStyle reflects <div style='border: solid'>
Y
Y
Y
N
N
Y
Y
Y
style.borderWidth reflects <div style='border: thick'>
N
N
N
N
N
N
Y
N
style.borderWidth reflects <div style='border: thick; border-style: solid'>
Y
Y
Y
N
N
Y
Y
Y
style.borderWidth reflects <div style='border: thick solid'>
N
N
N
Y
Y
N
Y
N
style.borderWidth reflects <div style='border: thin'>
N
N
N
Y
Y
N
Y
N
style.borderWidth reflects <div style='border: thin; border-style: solid'>
Y
Y
Y
N
N
Y
Y
Y
style.borderWidth reflects <div style='border: thin solid'>
N
N
N
Y
Y
N
Y
N
style.borderColor reflects <div style='border: transparent'>
Y
Y
N
N
N
Y
Y
Y
style.borderStyle reflects <div style='border: window-inset'>
Y
Y
Y
N
N
N
Y
N
Further reading
The border property in CSS 2.1
The border property on Mozilla Developer Center
The border property on MSDN
The history of the border property on blooberry.com
The border property on the SitePoint CSS Reference
Sign in
to add a comment
Sign in to add a comment
Sign in to add a comment