CSS3 is the latest standard for CSS. CSS3 is completely backwards-compatible with earlier versions of CSS. There is no. of properties used in CSS3 like-
• Borders:
With CSS3, you can create rounded borders (with border-radius property), add shadows to boxes (with box-shadow property), and use an image as a border (with border-image property)-without using a design program, like Photoshop.
The first browser version that fully supports the property-
For border-radius property: IE 9.0, Google Chrome 5.0, Mozilla Firefox 4.0,
Safari 5.0, Opera10.5
For box-shadow property: IE 9.0, Google Chrome 10.0, Mozilla Firefox 4.0,
Safari 5.1, Opera 10.5
For border-image property: IE 11.0, Chrome 16.0, Mozilla Firefox 15.0,
Safari 6.0, Opera 15.0
• Text-Effects:
Text-shadow property; Word-wrapping property
With CSS3, You can specify the horizontal shadow, the vertical shadow, the blur distance, and the color of the shadow (with text-shadow property).
Word-wrapping: If a word is too long to fit within an area, it expands outside; In CSS3 (with word-wrap property) allows you to force the text to wrap - even if it means splitting it in the middle of a word.
The first browser version that fully supports the property-
For text-shadow property: IE 10.0, Google Chrome 4.0, Mozilla Firefox 3.5, Safari 4.0,Opera 9.5
For word-wrap property: IE 5.5, Google Chrome 23.4, Mozilla Firefox 3.5, Safari 6.1,Opera 12.1
• Borders:
With CSS3, you can create rounded borders (with border-radius property), add shadows to boxes (with box-shadow property), and use an image as a border (with border-image property)-without using a design program, like Photoshop.
The first browser version that fully supports the property-
For border-radius property: IE 9.0, Google Chrome 5.0, Mozilla Firefox 4.0,
Safari 5.0, Opera10.5
For box-shadow property: IE 9.0, Google Chrome 10.0, Mozilla Firefox 4.0,
Safari 5.1, Opera 10.5
For border-image property: IE 11.0, Chrome 16.0, Mozilla Firefox 15.0,
Safari 6.0, Opera 15.0
• Text-Effects:
Text-shadow property; Word-wrapping property
With CSS3, You can specify the horizontal shadow, the vertical shadow, the blur distance, and the color of the shadow (with text-shadow property).
Word-wrapping: If a word is too long to fit within an area, it expands outside; In CSS3 (with word-wrap property) allows you to force the text to wrap - even if it means splitting it in the middle of a word.
The first browser version that fully supports the property-
For text-shadow property: IE 10.0, Google Chrome 4.0, Mozilla Firefox 3.5, Safari 4.0,Opera 9.5
For word-wrap property: IE 5.5, Google Chrome 23.4, Mozilla Firefox 3.5, Safari 6.1,Opera 12.1
Comment