CoderTools Web site

CSS Length Units

Description


Whenever you need to specify a length or size in CSS there are several options available to you.

Absolute Length Units

        in      inches
        cm      centimeters
        mm      millimeters
        pt      points - fonts
        pc      picas
    

Relative Length Units

        em      em-height - fonts
        px      pixels
        
    
See also: url, percentage
HTML & CSS Editor with FTP / FTPS

Examples for Length Units

Example 1:

  • test
  • test
  • test
  • test
    <style>
        #test { list-style: square outside none; }
    </style>

    <ul id="test">
        <li>test</li>
        <li>test</li>
        <li>test</li>
        <li>test</li>
    </ul>

Example 2:

  • test
  • test
  • test
  • test
    <style>
        #test2 { list-style: inside url(images/bullet.gif); }
    </style>

    <ul id="test2">
        <li>test</li>
        <li>test</li>
        <li>test</li>
        <li>test</li>
    </ul>

Example 3:

  • test
  • test
  • test
  • test
    <style>
        #test3 { list-style: outside url(images/bullet.gif); }
    </style>

    <ul id="test3">
        <li>test</li>
        <li>test</li>
        <li>test</li>
        <li>test</li>
    </ul>

Values for list-style


Name Values Description
relative length units disc
circle
square
decimal
lower-roman
upper-roman
lower-alpha
upper-alpha
none
Specifies the bullet style. Default is disc. If url is specified then this property is disregarded.
absolute length units inside
outside
Specifies the positioning of the bullet. Inside for Default is outside.


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).

6/23/2017 3:04:16 PM
Terms Of Use | Privacy Statement | Copyright 2006-2015 © Independence Software LLP