Section B.6. CSS Properties


B.6. CSS Properties

For the most part, the Dreamweaver's CSS Rule Definition window lists CSS properties using nearly the same language as the actual property names ; the color property, for example, is listed in the Type category as Color. But sometimes Dreamweaver uses very different names for CSS properties. Table B-1 shows each category of the CSS Rule Definition window, and lists the actual CSS property name and a page reference where you can learn more about the property. In addition, Appendix A contains a complete list of CSS 2.1 properties.

Table B-1. Dreamweaver property names and their CSS equivalents

Dreamweaver Property Name

Actual CSS Property Name

Category: Type

Font

font-family (Section 6.1.1)

Size

font-size (Section 6.2)

Weight

font-Weight (Section 6.3.2)

Style

font-Style (Section 6.3.2)

Variant

font-Variant (Section 6.3.2.1)

Line height

line height (Section 6.4)

Case

text-transform (Section 6.3.2)

Decoration (underline, overline, line-through, blink, none)

text-decoration (Section 6.3.2.1)

Color

color (Section 6.1.2)

Category: Background

Background color

background-color (Section 7.4)

Background image

background-image (Section 8.2)

Repeat

background-repeat (Section 8.3)

Attachment

background-attachment (Section 8.4.4)

Horizontal position/Vertical position

background-position (Section 8.4)

Category: Block

Word spacing

word-spacing (Section 6.3.4)

Letter spacing

letter-spacing (Section 6.3.4)

Vertical alignment

vertical-alignment (Section 10.2.1)

Text align

text-align (Section 6.4.1.2)

Whitespace

white-space (Section A.1.1)

Display

display (Section 7.2.4)

Category: Box

Width

width (Section 7.5.1)

Height

height (Section 7.5.1)

Float

float (Section 7.6)

Clear

Clear (Section 7.6.2)

Padding

padding (Section 7.2)

Top

padding-top (Section 7.2)

Right

padding-right (Section 7.2)

Bottom

padding-bottom (Section 7.2)

Left

padding-left (Section 7.2)

Margin

margin (Section 7.2)

Top

margin-top (Section 7.2)

Right

margin-right (Section 7.2)

Bottom

margin-bottom (Section 7.2)

Left

margin-left (Section 7.2)

Category: Border [1]

Style

border-style (Section 7.3)

Width

border-width (Section 7.3)

Color

border-color (Section 7.3)

Category: List

Type

list-style-type (Section 6.4.4)

Bullet image

list-style-image (Section 6.5.3)

Position

list-style-position (Section 6.5.2)

Category: Positioning

Type:

position (Section 12.1)

Width

width (Section 7.5.1)

Height

height (Section 7.5.1)

Visibility

visibility (Section 12.1.5)

Z-Index

z-index (Section 12.1.4)

Overflow

overflow (Section 7.5.2)

Placement Top

top (Section 12.1.1)

Placement Right

right (Section 12.1.1)

Placement Bottom

bottom (Section 12.1.1)

Placement Left

left (Section 12.1.1)

Clip Top, Right, Bottom, Left

clip (Section A.1.1)

Category: Extensions

Before

page-break-before (Section 13.3.5)

After

page-break-after (Section 13.3.5)

Cursor

cursor (Section A.1)

Filter

Filter is an Internet Explorer for Windows only property. For more information go to : http://msdn.microsoft.com/workshop/author/filter/reference/reference.asp (Section A.1)


[1] There are many different border properties, all of which provide different ways to specify the same thing (see Section 7.3). Dreamweaver's CSS Styles Preferences determine exactly how Dreamweaver writes the CSS code for borders (Section B.1.1). You can't set the very useful border-collapse property in the Rule Definition window (see Section 10.2.1).



CSS[c] The Missing Manual
Dreamweaver CS3: The Missing Manual
ISBN: 0596510438
EAN: 2147483647
Year: 2007
Pages: 154

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net