ALTE DOCUMENTE
|
||||||||||
CSS Elements IE 4+ vs NN 4+
Table Legend |
|
Supported in Internet Explorer 3.x |
pt
= points |
1. Font Properties and Values
Property |
Description |
Values |
Example |
|
Font Properties |
||||
|
font-size (inherited) |
Sets size of text |
size
(pt, in, cm, px) | |
|
font-family (inherited) |
Sets typeface and alternates (in order of preference) |
typeface
name | |
|
font-weight (inherited) |
Sets weight of type |
normal | |
|
font-style (inherited) |
Italicizes text |
normal | |
|
font-variant (inherited) |
Specifies font variant |
smallcaps | |
|
@font-face |
Specifies a source location for a font not present on the user's system |
@font-face |
@font-face comic |
2. Text Properties and Values
Property |
Description |
Values |
Example |
|
Text Properties |
||||
|
Line-height (inherited) |
Sets the distance between baselines of text |
size
(pt, in, cm, px, em) | |
|
text-decoration (not inherited) 929i82j |
Underlines or otherwise highlights text |
none | |
|
text-align (inherited) |
Sets alignment of text to the left or right margin, or to the center of the page |
left | |
|
text-indent (inherited) |
Indents the first line of text in the element |
size (pt, in, cm, px) | |
|
vertical-align (not inherited) |
aligns text vertically within the element |
baseline | |
|
text-transform (inherited) |
Sets case rules for text |
capitalize
(capitalizes first letter of each word) | |
|
letter-spacing (inherited) |
sets
letter-spacing for text |
normal, |
3. Background and Color Properties
Property |
Description |
Values |
Example |
|
Color and Background |
||||
|
Color (inherited) |
Sets color of text |
color-name | |
|
Background (not inherited) (for IE3.x, background images are supported only in embedded style sheets) |
Sets background images or colors |
url(URL)
(with or without repeat); | |
|
background-color (not inherited) (for IE3.x, background images are supported only in embedded style sheets) |
Sets background color |
color-name; | |
|
background-image (not inherited) 929i82j (for IE3.x, background images are supported only in embedded style sheets) |
Sets background image |
URL | |
|
background-repeat (not inherited) 929i82j (for IE3.x, background images are supported only in embedded style sheets) |
Sets repetition to tile background images |
repeat
(horizontally and vertically); | |
|
background-attachment (not inherited) (for IE3.x, background images are supported only in embedded style sheets) |
Fixes the background image or allows it to scroll with the page |
scroll or fixed | |
|
background-position (not inherited) 929i82j (for IE3.x, background images are supported only in embedded style sheets) |
Sets
the initial position for background images |
Position
(x y) or (x% y%); |
4. Box Properties and Values
Property |
Description |
Values |
Example |
|
Box and Margin Properties |
||||
|
margin-left (not inherited) |
Sets distance from left edge of page |
size
(pt, in, cm, px) | |
|
margin-right (not inherited) |
Sets distance from right edge of page |
size
(pt, in, cm, px) | |
|
margin-top (not inherited) |
Sets distance from bottom of previous element |
size
(pt, in, cm, px) | |
|
margin-bottom (not inherited) 929i82j |
Sets distance from top of next element |
size
(pt, in, cm, px) | |
|
margin (not inherited) |
Sets margins on all four sides of an element (If there is only one value, it applies to all sides; if there are two or three, the missing values are taken from the opposite side.) |
size
(pt, in, cm, px) or percentage of font size in the order: top, right, bottom,
left | |
|
padding (not inherited) |
Sets padding on all four sides of an element's contents (If there is only one value, it applies to all sides; if there are two or three, the missing values are taken from the opposite side.) |
size
(pt, in, cm, px) or percentage of font size in the order: top, right, bottom,
left | |
|
padding-top (not inherited) |
Sets padding on the top of an element's contents |
size
(pt, in, cm, px) or percentage of font size | |
|
padding-right (not inherited) |
Sets padding on the right of an element's contents |
size
(pt, in, cm, px) or percentage of font size | |
|
padding-bottom (not inherited) 929i82j |
Sets padding on the bottom of an element's contents |
size (pt, in, cm, px) or percentage of font size | |
|
padding-left (not inherited) |
Sets padding on the left of an element's contents |
size (pt, in, cm, px) or percentage of font size | |
|
border-top-width (not inherited) 929i82j |
Sets the width of the border along the top of an element |
size
(pt, in, cm, px); | |
|
border-right-width (not inherited) |
Sets the width of the border along the right of an element |
size
(pt, in, cm, px); | |
|
border-bottom-width (not inherited) |
Sets the width of the border along the bottom of an element |
size
(pt, in, cm, px); | |
|
border-left-width (not inherited) 929i82j |
Sets the width of the border along the left of an element |
size
(pt, in, cm, px); | |
|
border-width (not inherited) |
Sets the width of the border on each side of an element in the order top, right, bottom, left (If there is only one value, it applies to all sides; if there are two or three, the missing values are taken from the opposite side.) |
size
(pt, in, cm, px); | |
|
border-top-color (not inherited) 929i82j |
Sets the color of the border along the top of an element |
color name or hex code | |
|
border-right-color (not inherited) 929i82j |
Sets the color of the border along the right of an element |
color name or hex code | |
|
border-bottom-color (not inherited) |
Sets the color of the border along the bottom of an element |
color name or hex code | |
|
border-left-color (not inherited) 929i82j |
Sets the color of the border along the left of an element |
color name or hex code | |
|
border-color (not inherited) |
Sets the color of the border on each side of an element in the order top, right, bottom, left (If there is only one value, it applies to all sides; if there are two or three, the missing values are taken from the opposite side; note that Netscape 4.0 allows only 1 value) |
color name or hex code |
(IE4) |
|
border-top-style (not inherited) 929i82j |
Sets the style of the border along the top of an element |
style name (none, solid, double, groove, ridge, inset, outset) | |
|
border-right-style (not inherited) 929i82j |
Sets the style of the border along the right of an element |
style name (none, solid, double, groove, ridge, inset, outset) | |
|
border-bottom-style (not inherited) |
Sets the style of the border along the bottom of an element |
style name (none, solid, double, groove, ridge, inset, outset) | |
|
border-left-style (not inherited) 929i82j |
Sets the style of the border along the left of an element |
style name (none, solid, double, groove ridge, inset, outset | |
|
border-style (not inherited) |
Sets the style of the border on all sides of an element |
style name (none, solid, double, groove, ridge, inset, outset) | |
|
border-top (not inherited) |
Sets the width, color, and style of the border along the top of an element |
width, color, and style | |
|
border-right (not inherited) |
Sets the width, color, and style of the border along the right of an element |
width, color, and style | |
|
border-bottom (not inherited) 929i82j |
Sets the width, color, and style of the border along the bottom of an element |
width, color, and style | |
|
border-left (not inherited) |
Sets the width, color, and style of the border along the left of an element |
width, color, and style | |
|
border (not inherited) |
Sets the width, color, and style of the border on all sides of an element |
width, color, and style | |
|
float (not inherited) |
Causes the element to float to one side and other text to wrap around it. (Used in DIV and SPAN elements.) |
left, right, or none | |
|
clear (not inherited) |
Specifies whether the element can have floating elements around it -- causes the element to be positioned below any floating elements on the side specified. |
left, right, or both |
5. Classification Properties and Values
Property |
Description |
Values |
Example |
|
Classification Properties |
||||
|
display (not inherited) |
causes element not to be rendered (no space will be set aside for it on the page) |
none | |
|
list-style-type (inherited) |
specifies appearance for list item markers (for use with LI elements) |
disk; circle; square; decimal; lower-roman; upper-roman; lower-alpha; upper-alpha; none | |
|
list-style-image (inherited) |
specifies an image to be used for list item markers (for use with LI elements) |
url(URL); none | |
|
list-style-position (inherited) |
specifies the position of list item markers (for use with LI elements) |
inside; outside | |
|
list-style (inherited) |
specifies the position, style, and image URL of list item markers (for use with LI elements) |
inside;
outside |
6. Printing Properties and Values
Property |
Description |
Values |
Example |
|
Printing Properties |
||||
|
page-break-before (not inherited) 929i82j |
inserts page breaks (for purposes of printing only) |
always; auto (if necessary); left (insert one or two page breaks until blank left page is reached); right (insert one or two page breaks until blank right page is reached) | |
|
page-break-after (not inherited) 929i82j |
inserts page breaks (for purposes of printing only) |
always; auto (if necessary); left (insert one or two page breaks until blank left page is reached); right (insert one or two page breaks until blank right page is reached) |
7. Positioning Properties and Values
Property |
Description |
Values |
Example |
|
Positioning Properties |
||||
|
clip (not inherited) |
Specifies an area of an element to be rendered transparent |
rect (top right left bottom) where top right left bottom are auto or length values (pt, in, cm, px) | |
|
height (not inherited) |
Specifies the height of an element (most useful for scaling images; the aspect ratio will be maintained if width is specified as auto) |
auto or length values (pt, in, cm, px) or percentage | |
|
width (not inherited) |
Specifies the width of an element (most useful for scaling images; the aspect ratio will be maintained if height is specified as auto) |
auto or length values (pt, in, cm, px) or percentage | |
|
left (not inherited) |
Specifies the left position of an element positioned relatively or absolutely |
auto or length values (pt, in, cm, px) or percentage | |
|
top (not inherited) |
Specifies the top position of an element positioned relatively or absolutely |
auto or length values (pt, in, cm, px) or percentage | |
|
overflow (not inherited) |
Specifies the handling of a portion of element positioned relatively or absolutely that overflows into another element |
clip (overflowed portion is hidden) or none (overflowed portion displayed) or scroll (to reveal overflowed portion) | |
|
position (not inherited) |
Specifies whether element can be positioned |
absolute (in relation to the document); relative (in relation to the parent element); static (default--not positioned) | |
|
visibility (not inherited) |
Specifies whether element is visible (space for element is reserved in either case) |
Visible; hidden | |
|
z-index (not inherited) |
Specifies whether element displayed above or below other overlapping elements (note that Netscape 4.0 handles this through the layer attribute |
Number (positive for above, negative for below, starting from 1; by default successive elements are assigned higher numbers) | |
|
white-space (not inherited) |
Specifies whether element displayed normally, or a pre-formatted text |
normal; pre |
8. Filtering Properties and Values
Property |
Description |
Values |
Example |
||
Filtering Properties |
|||||
|
filter (visual filtering) (not inherited) |
applies various visual filtering for special effects |
General form: |
||
|
Alpha |
Sets a uniform transparency level. |
filter: alpha(Opacity=, FinishOpacity=, Style= StartX=, StartY=, FinishX=, FinishY=) |
filter: alpha(Opacity=75, FinishOpacity=15, Style=1) |
|
|
Blur |
Creates the impression of moving at high speed. |
filter: blur(Add=, Direction=, Strength= |
filter: blur(Add=1, Direction=90, Strength=10) |
|
|
Chroma |
Makes a specific color transparent. |
filter: chroma(Color=) |
filter: chroma(Color=#ffff00) |
|
|
DropShadow |
Creates a solid silhouette of the object. |
filter: DropShadow(Color=, OffX=, OffY=, Positive=) |
filter: DropShadow(Color=#003399, OffX=3, OffY=3, Positive=1) |
|
|
FlipH |
Creates a horizontal mirror image. |
filter: fliph |
filter: fliph |
|
|
FlipV |
Creates a vertical mirror image. |
filter: flipv |
filter: flipv |
|
|
Glow |
Adds radiance around the outside edges of the object. |
filter: glow(Color=, Strength=) |
filter: glow(Color=#00FF00, Strength=30) |
|
|
Grayscale |
Drops color information from the image. |
filter: gray |
filter: gray |
|
|
Invert |
Reverses the hue, saturation, and brightness values. |
filter: invert |
filter: invert |
|
|
Light |
Projects a light source onto an object. |
filter: light |
filter: light |
|
|
Mask |
Creates a transparent mask from an object. |
filter: mask(Color=) |
filter: mask (Color=#009933) |
|
|
Shadow |
Creates an offset solid silhouette. |
filter: shadow(Color=, Direction=) |
filter: shadow(Color=#9900FF, Direction=135) |
|
|
Wave |
Creates a sine wave distortion along the X axis. |
filter: wave(Add=, Freq=, Phase=, LightStrength=, Strength=) |
filter: wave(Add=1, Freq=10, Phase=90, LightStrength=10, Strength=10) |
|
|
XRay |
Shows just the edges of the object. |
filter: xray |
filter: xray |
|
|
filter (reveal transition filter) (not inherited) 929i82j |
allows you to reveal or hide visual elements, using predefined patterns |
General
form: | ||
Transition type |
V. |
||||
Box in | |||||
Box out | |||||
Circle in | |||||
Circle out | |||||
Wipe up | |||||
Wipe down | |||||
Wipe right | |||||
Wipe left | |||||
Vertical blinds | |||||
Horizontal blinds | |||||
Checkerboard across | |||||
Checkerboard down | |||||
Random dissolve | |||||
| |||||
Split vertical out | |||||
| |||||
Split horizontal out | |||||
Strips left down | |||||
Strips left up | |||||
Strips right down | |||||
Strips right up | |||||
Random bars horizontal | |||||
Random bars vertical | |||||
Random | |||||
|
filter (blend transition filter) (not inherited) 929i82j |
causes visual element to fade in or out |
General
form: |
9. Other Properties and Values
Property |
Description |
Values |
Example |
|
Other Properties |
||||
|
@import (not inherited) |
Imports another style sheet into the present one; must appear before any styles are defined; new properties and values will override those in the imported style sheet |
@import: url(url) |
@import url(stylesheet2.css) |
|
Cursor (inherited) |
specifies the appearance of the cursor when placed within the element |
auto (default defined by browser/operating system); crosshair; default; hand; move; e-resize; ne-resize; nw-resize; n-resize; se-resize; sw-resize; s-resize; w-resize; text; wait; help |
|