My favorites | Sign in
Project Logo
Project Home
  
Wiki
  
Issues
  
Source
    
Search
for
Updated Sep 19, 2008 by pilgrim
Labels: about-css, is-css-property, from-w3c
BorderLeftCSSProperty  
The border-left property sets the width, style, and color of the left border of a box.

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

Usage

Values

Browser compatibility

Compatibility table legend

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

Further reading

Sign in to add a comment
Hosted by Google Code