Use the border-radius property to set four border-radius property. You can try to run the following code to implement border-radius property −ExampleLive Demo                    #rcorner {             border-radius: 25px;             background: #8AC007;             padding: 20px;             width: 200px;             height: 150px;          }                     Rounded corners!    

CSS3 Rounded corners are used to add special colored corner to body or text by using the border-radius property.ExampleLive Demo                    #rcorner {             border-radius: 25px;             background: #8AC007;             padding: 20px;             width: 200px;             height: 150px;          }                     Rounded corners!    

Validation is the process of checking something against a rule. When you are a beginner, it is very common that you will commit many mistakes in writing your CSS rules. How will you make sure whatever you have written is 100% accurate and up to the W3 quality standards?If you use CSS, your code needs to be correct. The improper code may cause unexpected results in how your page looks or functions.But if you want to validate your CSS style sheet embedded in an (X)HTML document, you should first check that the (X)HTML you use is valid.Tool to check the ... Read More

Web developers can organize and structure content in a visually good-looking way by utilizing CSS to create a column layout. Developers can define the number of columns by using the column-count property, while the column-gap property regulates the distance between them. This technique maximizes available space and improves readability, especially for webpages with a lot of text. A responsive and flexible layout that easily adjusts to different screen sizes and offers a consistent user experience across devices can be created by utilizing CSS rules. Gaining proficiency with column layouts improves a website's general usability and appearance, adding to its polished ... Read More

The following example specifies different font families for screen and print. The next CSS uses the same font size for both screens as well as a printer.Example    

This property specifies the height of "local peaks" in the intonation contour of a voice. English is a stressed language, and different parts of a sentence are assigned primary, secondary, or tertiary stress. The possible values are −number − A value between '0' and '100'. The meaning of values depends on the language being spoken. For example, a level of '50' for a standard, English-speaking male voice (average pitch = 122Hz), speaking with normal intonation and emphasis would have a different meaning than '50' for an Italian voice.

The speak-punctuation property specifies how punctuation is spoken.The possible values are −code − Punctuation such as semicolons, braces, and so on are to be spoken literally.none − Punctuation is not to be spoken but instead rendered naturally as various pauses.

Shadow filter is used to create an attenuated shadow in the direction and color specified.The following parameters can be used in this filter −S.NoParameter & Description1ColorThe color that you want the shadow to be.2DirectionThe direction of the blur, going clockwise, rounded to 45-degree increments. The default value is 270 (left).0 = Top45 = Top right90 = Right135 = Bottom right180 = Bottom225 = Bottom left270 = Left315 = Top leftExampleYou can try to run the following code to implement shadow filter −Live Demo                         Text Example:       CSS Tutorials    

The speak-numeral property controls how numerals are spoken.The possible values aredigits − Speak the numeral as individual digits. Thus, "237" is spoken "Two Three Seven".continuous − Speak the numeral as a full number. Thus, "237" is spoken "Two hundred thirty seven". Word representations are language-dependent.

The wiggle effect move or cause to move up and down or from side to side with small rapid movements.ExampleYou can try to run the following code to implement the winggle animation effect −Live Demo                    .animated {             background-image: url(/css/images/logo.png);             background-repeat: no-repeat;             background-position: left top;             padding-top:95px;             margin-bottom:60px;             -webkit-animation-duration: 10s;           ... Read More