Border CSS settings

Source: Internet
Author: User

Border attributes (no style by default)

Border-top: Set the attributes of the upper border

Border-bottom: Set the bottom border attributes

Border-Right: set the right border attributes.

Border-left: Set the attribute of the Left Border

Border-width value (thin, medium, thick, or specified length)

Border-style is the same as above

Border-color set border color

 

Border

Function: Short for all border attributes.

Value:

Border-Width---> Optional values (thin, medium, thick, or specified length)

Border-style---> Optional values (none, dotted, dashed, solid, double, groove, ridge, inset, and outset)

Border-color---> Available color name or RGB Value

Note: different from other abbreviated attributes, each setting can only take one value. This attribute uniformly applies to all sides of the border.

Border-Width

Function: Short for Attribute. You can set the width of four borders at the same time.

Value:

Thin border

Medium moderate width

Thick crude line

Specify the Border Width in relative or absolute units.

Border-style

Function: displays the border and the style of the specified border.

Value:

None--- No border is displayed, which is the default value.

Dotted--- Point line

Dashed--? Line

Solid--- Solid line

Double--- Double line

Groove--- 3D falls into line

Ridge--- 3D Ridge? Line

Inserst--- Make the page sink

Outset--- Make the page feel surfaced

Note: Ridge, inset, and outset will draw them into solid lines for Some browsers.

Border-color

Function: Short for setting the color value of the four borders

Value: The color name or RGB value can be used. If a single color is specified, the four borders are displayed as this color. If two colors are specified, the order is up or down, left or right; if three colors are specified, the order is top, left, right, and bottom. If four colors are specified, the order is top, bottom right, and left.

The color names are as follows: Aqua, black, blue, Fuchsia, gray, green, lime, maroon, navy, Olive, purple, Red, silver, teal, white, yellow.

Three methods can be used to specify RGB values.

# Rrggbb; RGB (R, G, B); RGB (R %, G %, B %)

 

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.