CSS symbol attributes

Source: Internet
Author: User
List-style-type: none;/* No number */list-style-type: decimal;/* arabic numerals */list-style-type: lower-Roman; /* lowercase roman numerals */list-style-type: Upper-Roman;/* uppercase roman numerals */list-style-type: lower-alpha; /* lowercase English letter */list-style-type: Upper-alpha;/* uppercase English letter */list-style-type: disc; /* Solid circle symbol */list-style-type: circle;/* hollow circle symbol */list-style-type: Square; /* solid square symbol */list-style-image: URL (/dot.gif);/* image symbol */list-style-position: outside; /* convex */list-style-position: Inside;/* indent */CSS background style: Background-color: # f5e2ec;/* Background Color */Background: transparent; /* view background */background-image: URL (/image/bg.gif);/* background image */background-Attachment: fixed; /* float watermark fixed background */background-repeat: Repeat;/* repeat-default webpage */background-repeat: No-Repeat; /* do not repeat */background-repeat: Repeat-X;/* repeat on the X axis */background-repeat: Repeat-y; /* repeat on the Y axis */Specify the background position background-position: 90% 90%;/* the position of the background image X and Y axis */background-position: top; /* align upwards */background-position: buttom;/* align downward */background-position: Left;/* align left */background-position: right; /* align right */background-position: center;/* align center */CSS connection property: A/* All hyperlinks */: link/* hyperlink text format */A: visited/* browsed link text format */A: active/* pressed link format */: hover/* mouse to link */mouse cursor style: link finger cursor: Hand Cross cursor: crosshair arrow down cursor: S-resize cross arrow cursor: Move arrow to right cursor: move and add question mark cursor: Help arrow toward the left cursor: W-resize arrow toward the top cursor: N-resize arrow toward the top right cursor: NE-resize arrow toward the top left cursor: NW-resize text I-type cursor: Text arrow oblique right bottom cursor: Se-resize arrow oblique left bottom cursor: Sw-resize funnel cursor: Wait cursor pattern (IE6) P CSS frame list: border-top: 1px solid # 6699cc;/* upper box line */border-bottom: 1px solid # 6699cc;/* lower box line */border-left: 1px solid # 6699cc; /* Left box line */border-Right: 1px solid # 6699cc;/* Right Box line */The above is the recommended writing method, but you can also use the conventional method as follows: border-top-color: #369/* set the top color of the upper box line */border-top-width: 1px/* set the top width of the upper box line */border-top-style: solid/* set the top style of the upper box line */other box style solid/* solid box */dotted/* dotted box */Double/* double box */groove/* three-dimensional convex box */ridge/* three-dimensional relief box */inset/* concave box */outset/* convex box */CSS form usage: text Box button check box selection button multi-line text box drop-down menu option 1 option 2 CSS boundary style: margin-top: 10px;/* upper boundary */margin-Right: 10px; /* right boundary value */margin-bottom: 10px;/* bottom boundary value */margin-left: 10px;/* left boundary value */CSS border blank padding-top: 10px; /* blank upper border */padding-Right: 10px;/* blank right border */padding-bottom: 10px;/* blank Bottom Border */padding-left: 10px;/* Left Border left blank CSS text attribute: Color: #999999;/* text color */font-family:, sans-serif; /* text font */font-size: 9pt;/* text size */font-style: itelic;/* Text italic */font-variant: Small-caps; /* small font */Letter-Spacing: 1pt;/* spacing between words */line-Height: 200%;/* set row height */font-weight: bold; /* Bold text */vertical-align: Sub;/* subscripts */vertical-align: Super;/* superscript */Text-Decoration: Line-through; /* strikethrough */Text-Decoration: overline;/* Top Line */Text-Decoration: underline;/* underline */Text-Decoration: none; /* Delete the link underline */Text-transform: Capitalize;/* uppercase letters */Text-transform: uppercase;/* uppercase letters */Text-transform: lowercase; /* lowercase letters */Text-align: Right;/* Right-aligned text */Text-align: Left;/* Left-aligned text */Text-align: center; /* align text in the center */Text-align: justify;/* scattered text alignment */vertical-align attribute vertical-align: top; /* vertical upward align */vertical-align: bottom;/* vertical downward alignment */vertical-align: middle;/* vertical center alignment */vertical-align: text-top;/* vertical and upward text align: Text-bottom;/* vertical and downward text align */
Related Article

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.