padding-left

The padding of an element refers to the distance between the element itself and the border which surrounds that element. The element can be any object such as text or an image. Padding values are not inherited. Although decimal values are valid, negative values are not allowed. padding-left This property is used to define the padding space between the left side of the element and the inner edge of the left side border. Values for the padding-left property may be relative or absolute. The measurement options for this value are: • mm millimeters. • cm centimeters. • in inches. • pt points, which is a way of measuring the font size. One point is 1/72 (one seventy-second) of an inch. • pc picas, which is yet another way of measuring font size. One pica is equal to 12 points. • px pixels, which is one screen element. The display you're looking at is comprised of thousands of individual dots, each of which can change in color and luminosity to achieve the desired image. Each of these dots is referred to as a pixel. • ex x-height settings, which is the height of the font's lower case letter 'x'. • em em setting. One em is equivalent to the width of a capital letter in the chosen font. Millimeters, centimeters, inches, points, and picas are considered to be absolute lengths because you're specifying the exact size of the type. Relative units such as em and ex are interpreted as references to the parent font size. Percentage This value sets the length for the distance between the element (the 'thing') and the inside of the border as a percentage of that element. EXAMPLES: P {padding-left: 10px} This example will set the pading border around the paragraph to 10 pixels in width. img.logo {padding-left: 10%} This example will set the padding border around the image assigned the CLASS ID of logo to 10 percent of the total height of the image.