CSS attribute name query table

Source: Internet
Author: User

Azimuth
Background-attachment -- move the background image along the scroll axis
Background-color -- background color
Background-image -- background image
Background-Position -- the position of the background image
Background-repeat -- display method of the background image
Background -- unified background
Border -- unify all border attributes
Border-bottom -- unify the bottom border
Border-bottom-color -- bottom border color
Border-bottom-style -- bottom border Style
Border-bottom-width -- Bottom Border Width
Border-break -- border with separate content
Border-collapse
Border-color -- border color
Border-left -- unify the Left Border
Border-image -- border image
Border-left-color -- color of the Left Border
Border-left-style -- left border Style
Border-left-width -- width of the Left Border
Border-radius -- rounded border
Border-right-color -- right border color
Border-right-style -- Right Border Style
Border-right-width -- width of the Right Border
Border-right -- unify the right border
Border-spacing
Border-style -- border style
Border-top -- unified Upper border
Border-top-color -- upper border color
Border-top-style -- upper border style
Border-top-width -- top border width
Border-width -- uniform border width
Bottom -- bottom offset attribute
Caption-side
Clear -- clear
Clip -- display area of the box
Color -- color
Content -- string
Counter-increment
Counter-reset
Cue-after
Cue-before
Cue
Cursor -- mouse Style
Direction
Display -- display Mode
Elevation
Empty-cells
Float -- floating Element
Font-family -- font
Font-size -- font size
Font-style -- font style
Font-variant-small uppercase letter font
Font-weight -- font width
Font-unified all font attributes
Height -- box height
Left -- left offset attribute
Letter-spacing -- the spacing of letters in the text (the spacing of Chinese characters)
Line-height -- the spacing of each line of text in a piece of text
List-style-image -- list Images
List-style-Position -- list position
List-style-type -- list type
List-style -- unified list of all attributes
Margin-Right -- right outer fill width
Margin-left -- left outer padding width
Margin-top -- top outer padding width
Margin-bottom -- bottom outer fill width
Margin -- unified edge and outer whitelist
Max-height -- maximum height
Max-width -- maximum width
Min-height -- Minimum Height
Min-width -- Minimum Width
Opacity-transparency of Elements
Orphans
Outline-color
Outline-style
Outline-Width
Outline
Overflow -- display method of content in the box
Padding-top -- top padding
Padding-Right -- add white on the right
Padding-bottom padding
Padding-left -- left inner whitelist
Padding-Unified edge padding
Page-break-after
Page-break-before
Page-break-inside
Pause-after
Pause-before
Pause
Pitch-range
Pitch
Play-
Position -- positioning of Elements
Quotes
Richness
Right -- right offset attribute
Speak-header
Speak-numeral
Speak-punctuation
Speak
Speech-rate
Stress
Table-layout
Text-align-text align
Text-decoration -- specifies whether the text is underlined or not.
Text-indent -- indent the first line of text
Text-transform -- the text case status. This attribute is meaningless to Chinese characters.
Top -- top offset attribute
Unicode-bidi
Vertical-align-vertical align
Visibility -- whether the element is visible
Voice-family
Volume
White-space -- text format
Widows
Width -- box width
Word-spacing -- spacing of text separated by Spaces
Z-index -- z-axis Sequence
Attribute name

Font attributes)
Font-family
Font-style
Font-variant
Font-weight
Font-size

Color and background attributes
Color
Background-color
Background-image
Background-repeat
Background-attachment
Background-position

Text attributes
Word-spacing
Letter-spacing
Text-decoration

Vertical-align

Text-transform

Text-align
Text-indent
Line-height

Margin Property
Margin-top
Margin-Right
Margin-bottom
Margin-left

Padding attribute
Padding-top
Padding-Right
Padding-bottom
Padding-left

Border attributes
Border-top-Width
Border-right-Width
Border-bottom-Width
Border-left-Width
Border-Width
Border-color
Border-style
Border-top
Border-Right
Border-bottom
Border-left
Width
Height
Float
Clear

Hierarchical attributes
Display
White-space
List-style-type
List-style-Image
List-style-Position
List-style

Attribute meaning of the mouse (cursor)

Font used
Whether the font is Italic
Whether to use uppercase letters or not
Font width
Font Size

 

Define foreground View
Define background color
Define background pattern
Repeated Mode
Set scroll
Initial Location

 

Spacing Between words
Spacing Between letters
Text Decoration Style

Vertical Position

Text Conversion

Alignment Mode
Indent method of the first line
Text line height

 

Top margin
Right margin
Bottom margin
Left margin

Top padding
Padding on the right
Bottom padding
Left padding

Top Border Width
Border width on the right
Bottom Border Width
Border width on the left
Width defined at a time
Set border color
Set border Style
Top of one definition
Right of one definition
Bottom of one definition
Left side of one definition
Define width attributes
Define HEIGHT attributes
Text surround
Which side is surrounded?

Define whether to display
How to handle white space
Add Project No.
Add Pattern
Starting position of the second line
One-time definition list

Automatic
Locate "10" characters
Default pointer
Hand shape
Mobile
Arrows toward the right
Arrow toward top right
Arrow toward top left
Arrow above
Arrow toward bottom right
Arrow toward bottom left
Arrow down
Arrow toward left
Text "I"
Wait
Help
Attribute Value

All fonts
Normal, italic, oblique
Normal, small-caps
Normal, bold, bolder, lithter, etc.
Absolute-size, relative-size, length, percentage, etc.

Color
Color
Path
Repeat-x, repeat-y, no-repeat
Scroll and Fixed
Percentage, length, top, left,
Right, bottom, etc.

Normal <length>
Same as above
None | underline | overline | line-
Through | blink
Baseline | sub | super | top | text-top | middle | bottom | text-bottom |
Capitalize | uppercase |
Lowercase | none
Left | right | center | justify
<Length> | <percentage>
Normal | <number >|< length> |
<Percentage>

Length | percentage | auto
Same as above
Same as above
Same as above

Length | percentage
Same as above
Same as above
Same as above

Thin | medium | thick | length
Same as above
Same as above
Same as above
Same as above
Color
None | dotted | dash | solid, etc.
Border-top-width | color, etc.
Same as above
Same as above
Same as above
Length | percentage | auto
Length | auto
Left | right | none
Left | right | none | both

Block, inline, list-item, none
Normal, pre, nowrap
Disc, circle, square, etc.
<URL> | none
Inside and outside
<Keyword >|< position >|< URL>

Auto
Crosshair
Default
Hand
Move
E-resize
Ne-resize
NW-resize
N-resize
Se-resize
Sw-resize
S-resize
W-resize
Text
Wait
Help
<Center> indicates absolute center
<Table> </table> start and end of the table identity

Attribute:

Cellpadding = the unit of value is to define the inner distance of the table element in pixels.

Cellspacing = the unit of value is pixel-defined table meta-spacing.

Border = the unit of value is pixel. Define the border width of the table.

Width = the unit of value is pixel or window percentage. The table width is defined.

Background = image link address definition table background image

<Tr> </tr> start and end of a table row in a table

<Td> </td> start and end of a table element in the table

<Br> force line feed

<Font> </font> start and end of the text mark

Attribute:

Face = font

Color = color

 

<B> </B> start and end of the bold text mark

Attribute:

Style = font-size: 40pt; use a style sheet to control the font size. Here is 40 o'clock.

 

<Div> </div> start and end of the partition ID

Attribute:

Align = | center | left | right | Horizontal Alignment

 

<Marquee> </marquee> the start and end of a dynamic logo. If you place a texture in the logo, you can scroll the image.

Attribute:

Scrollamount = 1 ~ 60 scroll speed

Direction = | left | right | up | down | scroll direction

Scrolldelay = rolling delay unit: milliseconds

 

<P> paragraph ID

& Nbsp; space character

Texture ID

Attribute:

Src = http://www.webjx.com/htmldata/2005-03-30/image link address texture essential attributes

Style = filter: alpha (opacity = 100, style = 2 );

Filter: style sheet filter;

ALPHA: transparent filter,

Opacity: opacity 100 (0 ~ 100 );

Style: Style 2 (0 ~ 3)

Rules = "NONE" do not show inboxes"

<Embed src = "... "> Multimedia file ID

Attribute:

Src = "http://www.webjx.com/htmldata/2005-03-30/FILENAME"
Set the music file. The file contains a video, such as .rm?.mp3=.waveconnoisseurs, and .swf and. mov.

Autostart = true/false
Whether to enable automatic playback after the music file is transferred. True means yes, false means no. The default value is false.

Loop =
Set the number of playback repeat times. Loop = 6 indicates 6 repeat times. True or-1 indicates an infinite loop. False indicates that playback is stopped once.

Startime = "minute: second"
Set the start time of the music, for example, to startime = after 20 seconds.

Volume = 0-100
Set the volume. If not set, use the system volume.

Width height
Set the control panel size to 0 to hide the player.

Hidden = true
Hide Control Panel

Controls = console/smallconsole
Set the display of the Control Panel

<Bgsound src = "... "> Background music identification, which can only be used in. Wave and TTS formats.

Attribute:

Loop =
Set the number of playback repeat times. Loop = 6 indicates 6 repeat times. True or-1 indicates an infinite loop. False indicates that playback is stopped once.

Common Code assembly

1. Title text

2. font changes <font> ...... </font>
[1] font size <font size = #> ...... </font> # = 1 ~ 7. The larger the number, the larger the number.
[2] specify the font <font face = "font name"> ...... </font>
[3] text color <font color = # rrggbb> .......... </font> RR: Table red color code GG: Table green color code BB: Table blue color code
3. Show the small font <small> ...... </small>
4. display the large font <big> ...... </big>
5. Bold Chinese characters <B> ...... </B>
6. Italics <I>... </I>
7. typewriter font <tt> ...... </tt>
8. Bottom line <u> ...... </u>
9. strikethrough <strike> ...... </strike>
10. subscripts <sub> ...... </sub>
11. superscript <sup> ...... </sup>
12. Text flashing effect <blink> ...... </blink>
13. line feed <br>
14. Segmentation <p>
15. the text align direction <p align = "#"> # can be left: The table is left aligned (default value) center: The table is center aligned right: The table is right aligned P.S. <p align = "#"> the subsequent text is displayed in the alignment mode until another <p align = "#"> change the alignment direction, when a 16. separation line [1] separator width [2] split line width [3] separation line align direction [4] separator color [5] solid separation line 17. center alignment <center> ...... </center>
18. Display <pre> ...... </pre> according to the original style
19. <body> command attributes
[1] background color -- bgcolor <body bgcolor = # rrggbb>
[2] background pattern -- background <body background = "graphic file name">
[3] set the background pattern to not scroll -- bgproperties <body bgproperties = fixed>
[4] text color of the file content-text <body text = # rrggbb>
[5] hyperlink text color -- link <body link = # rrggbb>
[6] The text color of the hyperlink being selected -- vlink <body vlink = # rrggbb>
[7] the color of the hyperlink text that has been linked-alink <body alink = # rrggbb>

I. Images

1. Insert an image
2. Set the image frame-border
3. Set the image size-width and height
4. Set the left and right sides of the image to be left blank-vspace and heat map
5. graphical notes
6. Pre-upload images
P.S. It is best to keep the image sizes of the two images consistent
7. Image Map <map name = "Image name">
<Area shape = shape coords = region coordinate list href = "link URL">
<Area shape = shape coords = region coordinate list href = "link URL">
<Area shape = shape coords = region coordinate list href = "link URL">
<Area shape = shape coords = area coordinate list href = http://www.webjx.com/htmldata/2005-03-30/ "Node URL"> </map>
[1] define shape-shape
Shape = rect: rectangular shape = circle: circular shape = poly: Polygon
[2] define a region-coords
A. rectangle: four digits are required. The first two digits are the coordinates in the upper left corner, and the last two digits are the coordinates in the lower right corner.
Example: <area shape = rect coords =, href = http://www.webjx.com/htmldata/2005-03-30/ "URL">
B. Circle: three digits must be used. The first two digits are the coordinates of the center, and the last digit is the radius length.
Example: <area shape = circle coords = 85,155, 30 href = "URL">
C. Any image (polygon): Fill in the coordinates of each turning point of the image in order
Example: <area shape = poly coords = 232,70, 285, 70, href = "http://www.cnblogs.com/../URL"

Ii. Table-related

1. Table title
<Caption> ...... </caption>
Table title location-align
<Caption align = "#"> # top: The table title is placed above the table (default value)
Bottom: The table title is placed below the table
2. Define a column <tr>
3. Define column 1 <td>: Align to the left
2 <th>: align with the center in bold II
[1] horizontal position -- align <th align = "#">
# Left: Align to left
Center: Align to center right: Align to right
[2] vertical position -- align <th align = "#"> # can be
Top: Align up middle: Align to center
Bottom: bottom alignment
[3] column width -- width
<Th width = points or percentage>
[4] column vertical merge-rowspan
<Th rowspan = number of columns to be merged>
[5] column horizontal merge-colspan
<Th colspan = number of columns to be merged>

Iii. FRAME

1. Split the window command <frameset> ...... </frameset>
[1] vertical (up and down) segmentation-rows
<Frameset rows = #># number can be used as the number of points. to divide the number into three windows: 100,200,300
<Frameset rows = 100,200,300>; it can also be represented by *, such as <frameset rows = *, 500, *>
Percentage: for example, <frameset rows = 30%, 70%>, the sum of each item is preferably 100%.
[2] horizontal (left and right) segmentation-cols <frameset cols = points or percentage>
2. Specify the window content -- <frame>
<Frameset cols = 30%, 70%> <frame> </frameset>
[1] specify the file name of the window -- src <frame src = http://www.webjx.com/htmldata/2005-03-30/htmlfile Name>
[2] define the name of the window -- name
<Frame name = Window name>
[3] set the distance between the file and the upper and lower borders -- marginheight
<Frame marginheight = points>
[4] set the distance between the file and the left and right borders -- marginwidth
<Frame marginwidth = points>
[5] scrolling
<Frame scrolling =#># yes: Fixed Scroll
No: no scroll. auto: automatically determines the file size. Scroll is not required (default value)
[6] Lock the size of the split window-noresize <frame noresize>

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.