What's new? | Help | Directory | Sign in
Google
Project Home
  
Wiki
  
Issues
  
Source
    
Search
for
Updated Sep 19, 2008 by pilgrim
Labels: about-css, is-css-property, from-w3c
BorderBottomCSSProperty  
The border-bottom property sets the width, style, and color of the bottom border of a box.

You are here: Home > CSS Reference > Properties > border-bottom

Usage

Values

Browser compatibility

Compatibility table legend

Test IE8 IE7 IE6 FF3 FF2 Saf3 Op9 Chrome
style.borderBottomColor reflects <div style='border-bottom: #808080'> N N N Y Y Y Y Y
style.borderBottomWidth reflects <div style='border-bottom: 0'> N N N N N N Y N
style.borderBottomWidth reflects <div style='border-bottom: 1cm'> Y Y Y N N N Y N
style.borderBottomWidth reflects <div style='border-bottom: 1cm; border-style: solid'> Y Y Y N N N Y N
style.borderBottomWidth reflects <div style='border-bottom: 1em'> Y Y Y N N N Y N
style.borderBottomWidth reflects <div style='border-bottom: 1em; border-style: solid'> Y Y Y N N N Y N
style.borderBottomWidth reflects <div style='border-bottom: 1ex'> Y Y Y N N N Y N
style.borderBottomWidth reflects <div style='border-bottom: 1ex; border-style: solid'> Y Y Y N N N Y N
style.borderBottomWidth reflects <div style='border-bottom: 1in'> Y Y Y N N N Y N
style.borderBottomWidth reflects <div style='border-bottom: 1in; border-style: solid'> Y Y Y N N N Y N
style.borderBottomWidth reflects <div style='border-bottom: 1mm'> Y Y Y N N N Y N
style.borderBottomWidth reflects <div style='border-bottom: 1mm; border-style: solid'> Y Y Y N N N Y N
style.borderBottomWidth reflects <div style='border-bottom: 1pc'> Y Y Y N N N Y N
style.borderBottomWidth reflects <div style='border-bottom: 1pc; border-style: solid'> Y Y Y N N N Y N
style.borderBottomWidth reflects <div style='border-bottom: 1pt'> Y Y Y N N N Y N
style.borderBottomWidth reflects <div style='border-bottom: 1pt; border-style: solid'> Y Y Y N N N Y N
style.borderBottomWidth reflects <div style='border-bottom: 1px'> Y Y Y N N N Y N
style.borderBottomWidth reflects <div style='border-bottom: 1px; border-style: solid'> Y Y Y Y Y Y Y Y
style.borderBottomColor reflects <div style='border-bottom: black'> N N N Y Y Y Y Y
style.borderBottomStyle reflects <div style='border-bottom: bogus'> Y Y Y Y Y Y Y Y
style.borderBottomStyle reflects <div style='border-bottom: dashed'> Y Y Y Y Y Y Y Y
style.borderBottomStyle reflects <div style='border-bottom: dotted'> Y Y Y Y Y Y Y Y
style.borderBottomStyle reflects <div style='border-bottom: double'> Y Y Y Y Y Y Y Y
style.borderBottomStyle reflects <div style='border-bottom: groove'> Y Y Y Y Y Y Y Y
style.borderBottomStyle reflects <div style='border-bottom: hidden'> Y N N Y Y Y Y Y
style.borderBottomStyle reflects <div style='border-bottom: inset'> Y Y Y Y Y Y Y Y
style.borderBottomStyle reflects <div style='border-bottom: none'> Y Y Y Y Y Y Y Y
style.borderBottomStyle reflects <div style='border-bottom: outset'> Y Y Y Y Y Y Y Y
style.borderBottomColor reflects <div style='border-bottom: rgb(0, 0, 0)'> Y Y Y N N N Y N
style.borderBottomStyle reflects <div style='border-bottom: ridge'> Y Y Y Y Y Y Y Y
style.borderBottomStyle reflects <div style='border-bottom: solid'> Y Y Y Y Y Y Y Y
style.borderBottomWidth reflects <div style='border-bottom: thick'> Y Y Y N N N Y N
style.borderBottomWidth reflects <div style='border-bottom: thick; border-style: solid'> N N N Y Y Y Y Y
style.borderBottomWidth reflects <div style='border-bottom: thin'> Y Y Y N N N Y N
style.borderBottomWidth reflects <div style='border-bottom: thin; border-style: solid'> Y Y Y N N N Y N
style.borderBottomColor reflects <div style='border-bottom: transparent'> Y Y N Y Y N Y N
style.borderBottomStyle reflects <div style='border-bottom: window-inset'> Y Y Y N N N Y N

Further reading

Sign in to add a comment