CSS3.0 fillet property for rounded corners

Source: Internet
Author: User

Brief Introduction to Fillet properties:

1. Attribute value: Represents the fillet radius, can be used in length units px, or Percent 2. Shorthand properties: Border-radius3. Component properties: Border-top-left-radius (top left), Border-top-right-radius (top right)
Border-bottom-right-radius (lower right), Border-bottom-left-radius (lower left)  the setting of the rounded shorthand property value (same as the margin property setting, clockwise direction):1, a property value: 4 Corner radius of the same 2, 2 attribute values: The first value: The top left corner, the bottom right corner; the second value: upper right corner, bottom left corner (cross-View) 3, 3 attribute values, 4 property values are the same as the margin propertyNote: Using the Fillet property must be combined with the Border property setting (you must set the 1px solid #acc3e3 three properties to be effective when setting a border)For example, input {border:1px solid #acc3e3; border-radius:2px;} Set the upper right and bottom corner to add {border-top-right-radius:0; border-bottom-right-radius:0;} to resolve the differences in browser display, write a private prefix for the browser: 1, ie kernel:-ms-2, Firefox kernel:-moz-3, Google Chrome, Safari kernel:-webkit-

CSS3.0 fillet property for rounded corners

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.