CSS Basic Tutorial
=> "CSS Basic Tutorial". Then list items:CSS property
=> "CSS Properties". List items: border-radius (already English). border-bottom-right-radius (English). border-bottom-left-radius (English). border-top-left-radius (English). border-top-right-radius (English). No Chinese.\\n\\nNow main content area:CSS3 border-bottom-left-radius property
=> "CSS3 border-bottom-left-radius property". Breadcrumb: Homepage => "Home". Next: CSS Reference Manual => "CSS Reference". Next: CSS3 border-bottom-left-radius property => "CSS3 border-bottom-left-radius property". Good.\\n\\nExamples
=> "Example".Add a rounded corner to the bottom left corner of a div element:
=> "Add rounded corners to the bottom-left corner of a div element:" (or "Add rounded corners to the bottom-left corner of the div element:"). Keep code unchanged. => "Try it Β»". The arrow maybe keep as is. So translate "Try it Yourself Β»" to "Try it Β»". Keep the arrow.\\n\\nDefinition and Usage
=> "Definition and Usage".border-bottom-left-radius propertyUsed to Set the rounded corner of the bottom left corner.
=> "The border-bottom-left-radius property is used to set the rounded corners of the bottom-left corner." Actually "Set the rounded corner of the bottom left corner" => "set the bottom-left corner radius". Let's translate: "The border-bottom-left-radius property sets the radius of the bottom-left corner." We'll produce natural English.\\n\\nNext:This property allows you to add rounded corners to an element. To add rounded corners, you must set two Values, or set two Values and an optional "slash"οΌslashοΌseparated Values.
=> "This property allows you to add rounded corners to an element. To add rounded corners, you must set two values, or set two values and an optional 'slash' separated value." Need to translate Chinese but keep the term "slash" and "(slash)" inside quotes? The original: "or set two Values and an optional "slash"οΌslashοΌseparated Values." We'll translate: "or set two values and an optional 'slash' separated value." Keep the quotes around slash? We'll keep as is.\\n\\nNext:If only one value is set, the second value will be copied. If two values are provided (separated by a space or slash), the two values set the horizontal radius and vertical radius respectively.
=> "If only one value is set, the second value is copied. If two values are provided (separated by space or slash), the first value sets the horizontal radius and the second sets the vertical radius."\\n\\nNow table:Syntax
=> "Syntax". Code block unchanged.Note: If the second Value is not provided, it defaults to etc.to the first Value. If Values before and after the slash are both provided, they represent the horizontal and vertical radii respectively. If only the Value before the slash is provided, it represents both the horizontal and vertical radii.
=> "Note: If the second value is omitted, it defaults to the first value. If values before and after the slash are provided, they represent the horizontal and vertical radii respectively. If only the value before the slash is provided, it sets both horizontal and vertical radii."\\n\\nTable:Browser Support
=> "Browser Support".All major browsers support the border-bottom-left-radius propertyγ
=> "All major browsers support the border-bottom-left-radius property." NextNoteοΌIE8 and earlier versions do not support the border-bottom-left-radius property.
=> "Note: IE8 and earlier versions do not support the border-bottom-left-radius property."\\n\\nNextMore Examples
=> "More Examples".Example 1
=> "Example 1".Create a beautiful rounded corner for the bottom left corner of a div element:
=> "Create a nice rounded bottom-left corner for a div element:" Next code unchanged.\\n\\nExample 2
=> "Example 2".Using percentage values:
=> "Using percentage values:" Next code unchanged.\\n\\nExample 3
=> "Example 3".Create an elliptical rounded corner (using two values):
=> "Create an elliptical rounded corner (using two values):" Next code unchanged.\\n\\nNextRelated Properties
=> "Related Properties".- items:
- border-radius - Rounded corner property for all four corners => "- The border-radius property for all four corners." Actually translate: "
- border-radius - border-radius property for all four corners " Keep dash. Next:
- border-top-left-radius - Top left corner rounded corner => "- border-top-left-radius property for top-left corner". Next:
- border-top-right-radius - Top right corner rounded corner => "- border-top-right-radius property for top-right corner". Next:
- border-bottom-right-radius - Bottom right corner rounded corner => "- border-bottom-right-radius property for bottom-right corner".\\n\\nFooter:
YouTip