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
BorderTopCSSProperty
The border-top property sets the width, style, and color of the top border of a box.
You are here:
Home
>
CSS Reference
>
Properties
>
border-top
Usage
Values
[ <border-width> || <border-style> || 'border-top-color' ]
inherit
Browser compatibility
Compatibility table legend
Test
IE8
IE7
IE6
FF3
FF2
Saf3
Op9
Chrome
style.borderTopColor reflects <div style='border-top: #808080'>
N
N
N
Y
Y
Y
Y
Y
style.borderTopWidth reflects <div style='border-top: 0'>
Y
Y
Y
Y
Y
Y
Y
Y
style.borderTopWidth reflects <div style='border-top: 1cm'>
Y
Y
Y
N
N
N
Y
N
style.borderTopWidth reflects <div style='border-top: 1cm; border-style: solid'>
Y
Y
Y
N
N
N
Y
N
style.borderTopWidth reflects <div style='border-top: 1em'>
Y
Y
Y
N
N
N
Y
N
style.borderTopWidth reflects <div style='border-top: 1em; border-style: solid'>
Y
Y
Y
N
N
N
Y
N
style.borderTopWidth reflects <div style='border-top: 1ex'>
Y
Y
Y
N
N
N
Y
N
style.borderTopWidth reflects <div style='border-top: 1ex; border-style: solid'>
Y
Y
Y
N
N
N
Y
N
style.borderTopWidth reflects <div style='border-top: 1in'>
Y
Y
Y
N
N
N
Y
N
style.borderTopWidth reflects <div style='border-top: 1in; border-style: solid'>
Y
Y
Y
N
N
N
Y
N
style.borderTopWidth reflects <div style='border-top: 1mm'>
Y
Y
Y
N
N
N
Y
N
style.borderTopWidth reflects <div style='border-top: 1mm; border-style: solid'>
Y
Y
Y
N
N
N
Y
N
style.borderTopWidth reflects <div style='border-top: 1pc'>
Y
Y
Y
N
N
N
Y
N
style.borderTopWidth reflects <div style='border-top: 1pc; border-style: solid'>
Y
Y
Y
N
N
N
Y
N
style.borderTopWidth reflects <div style='border-top: 1pt'>
Y
Y
Y
N
N
N
Y
N
style.borderTopWidth reflects <div style='border-top: 1pt; border-style: solid'>
Y
Y
Y
N
N
N
Y
N
style.borderTopWidth reflects <div style='border-top: 1px'>
Y
Y
Y
N
N
N
Y
N
style.borderTopWidth reflects <div style='border-top: 1px; border-style: solid'>
Y
Y
Y
Y
Y
Y
Y
Y
style.borderTopColor reflects <div style='border-top: black'>
N
N
N
Y
Y
Y
Y
Y
style.borderTopStyle reflects <div style='border-top: bogus'>
Y
Y
Y
Y
Y
Y
Y
Y
style.borderTopStyle reflects <div style='border-top: dashed'>
Y
Y
Y
Y
Y
Y
Y
Y
style.borderTopStyle reflects <div style='border-top: dotted'>
Y
Y
Y
Y
Y
Y
Y
Y
style.borderTopStyle reflects <div style='border-top: double'>
Y
Y
Y
Y
Y
Y
Y
Y
style.borderTopStyle reflects <div style='border-top: groove'>
Y
Y
Y
Y
Y
Y
Y
Y
style.borderTopStyle reflects <div style='border-top: hidden'>
Y
N
N
Y
Y
Y
Y
Y
style.borderTopStyle reflects <div style='border-top: inset'>
Y
Y
Y
Y
Y
Y
Y
Y
style.borderTopStyle reflects <div style='border-top: none'>
Y
Y
Y
Y
Y
Y
Y
Y
style.borderTopStyle reflects <div style='border-top: outset'>
Y
Y
Y
Y
Y
Y
Y
Y
style.borderTopColor reflects <div style='border-top: rgb(0, 0, 0)'>
Y
Y
Y
N
N
N
Y
N
style.borderTopStyle reflects <div style='border-top: ridge'>
Y
Y
Y
Y
Y
Y
Y
Y
style.borderTopStyle reflects <div style='border-top: solid'>
Y
Y
Y
Y
Y
Y
Y
Y
style.borderTopWidth reflects <div style='border-top: thick'>
N
N
N
N
N
N
Y
N
style.borderTopWidth reflects <div style='border-top: thick; border-style: solid'>
Y
Y
Y
N
N
N
Y
N
style.borderTopWidth reflects <div style='border-top: thin'>
Y
Y
Y
N
N
N
Y
N
style.borderTopWidth reflects <div style='border-top: thin; border-style: solid'>
Y
Y
Y
N
N
N
Y
N
style.borderTopColor reflects <div style='border-top: transparent'>
Y
Y
N
Y
Y
N
Y
N
style.borderTopStyle reflects <div style='border-top: window-inset'>
Y
Y
Y
N
N
N
Y
N
Further reading
The border-top property in CSS 2.1
The border-top property on Mozilla Developer Center
The border-top property on MSDN
The history of the border-top property on blooberry.com
The border-top property on the SitePoint CSS Reference
Sign in
to add a comment
Sign in to add a comment
Sign in to add a comment