CoderTools Web site

CSS Border

Description


The border command defines the width, color and style of the border of an element.
The border style is a shorthand so you can set many of the border options in one go. Note if you do not provide a value for all the options the default will automatically be applied.
    border: 
        border-width 
        border-style
        border-color;
The default for border-style is none. So if border-style is not specified the border will not appear.
HTML & CSS Editor with FTP / FTPS

Examples for Border


test text test text test text test text
    <style>
        #test { border:5px solid red; }
    </style>

    <div id="test">test text test text test text test text</div>

test text test text test text test text
    <style>
        #test2 { border:10px inset red; }
    </style>

    <div id="test2">test text test text test text test text</div>

Values for Border


Name Values Description
border-width px e.g. 5px Set the width of the border in pixels or inches.
border-style none
dotted
dashed
solid
double
groove
ridge
inset
outset
Specifies the style of the border
border-color red
#ff0000
rgb(100%,0%,0%)
Specifies the color of the border


TotalEdit Now Completely Free

CoderTools TotalEdit - The Free Text Editor

A powerful editor and notepad replacement TotalEdit makes it easier to complete your file editing and software development tasks. TotalEdit is FREE for commercial and non-commercial purposes (its freeware).

12/16/2017 7:49:23 AM
Terms Of Use | Privacy Statement | Copyright 2006-2015 © Independence Software LLP