CSS Articles - Page 157 of 160

The max-height property is used to set a maximum height that a box can be. The value of the max-height property can be a number, a length, or a percentage.Example                            This paragraph is 400px wide and max height is 10px          This paragraph is 400px wide and max height is 10px          This paragraph is 400px wide and max height is 10px          This paragraph is 400px wide and max height is 10px                                  

The line-height property is used to set the height of a line of text. The value of the line-height property can be a number, a length, or a percentage.Example                            This paragraph is 300 pixels wide and 100 pixels high and here line height is 50 pixels.          

The width property is used to set the width of a box. They can take values of a length, a percentage, or the keyword auto. You can try to run the following code to set width −Example                            This paragraph is 200pixels wide and 50 pixels high          

The height property is used to set the height of a box. They can take values of a length, a percentage, or the keyword auto. ExampleYou can try to run the following code to set height −                             This paragraph is 200pixels wide and 50 pixels high          

To set the outline style as a solid single line, use the outline-style property with the value solid −Example                            This text is having 3px solid outline.          

To set the outline style as ridge, use the outline-style property with the value ridge. Under groove, the outline looks as though it is carved into the page. The ridge value is the opposite. Example                            This text is having 3px ridge outline.          

To set the outline style as a groove, use the outline-style property with the value groove. Under groove, the outline looks as though it is carved into the page.− Example                            This text is having 3px groove outline.          

To set the outline style as two solid lines, use the outline-style property with the value doubleExample                            This text is having 7px double outline.          

The outline property is a shorthand property that allows you to specify values for multiple properties such as width, line style, and color of the outline.Example                            This text is having thin solid freen outline.                            This text is having thick dashed green outline.                      

The outline-color property allows you to specify the color of the outline. Its value should either be a color name, a hex color, or an RGB value, as with the color and border-color properties.ExampleYou can try to run the following code to implement outline-color property −                            This text is having thin solid blue outline.