Dreamweaver MX CSS Use the tutorial border properties

Source: Internet
Author: User
Tags define definition border color dreamweaver
css|dreamweaver| Tutorial

Site original content, reproduced please indicate the source Web page teaching network .

   Six. Define CSS style border properties

Use the Borders category of the CSS Style Definition dialog box to define settings (such as width, color, and style) for borders around elements.

To set the border style: in the CSS Style Definition dialog box, select Borders (as shown below), and then set the style properties that you want.

Please note that any of the following properties can be left blank if you think it is unimportant.

Styles: Sets the style appearance of a border. How the style is displayed depends on the browser. DW MX 2004 renders all styles as solid lines in the document window. Both browsers support style properties. Deselect all the same to set the border style for each edge of the element.

All the same: set the same border style property to the top, right, bottom, and left sides of the element that you applied to.

Width: Sets the thickness of the element's border. Both browsers support the Width property. Deselect all the same to set the border width of each edge of the element.

All the same: sets the same border width to the top, right, bottom, and left sides of the element that is applied to it.

Color: Sets the color of the border. You can set the color of each edge individually, but the display depends on the browser. Deselect all the same to set the border color of each edge of the element. All the same: set the same border color to the top, right, bottom, and left sides of the element that you applied to.

When you are finished setting these options, select another CSS category on the left side of the panel to set additional style properties, or click OK.



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.