CSS Articles - Page 158 of 160

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

The outline-width property is used to set the width of the outline. Its value should be a length or one of the values thin, medium, or thick, just like the border-width attribute.Example                            This text is having thin outline.                            This text is having thick outline.                            This text is having 5x outline.          

With CSS cursor property, you can show a crosshair or plus sign, pointer, etc. You can try to run the following code to implement cursor property in CSS −Example                   Auto       Crosshair       Default       Pointer       Move       e-resize       ne-resize       nw-resize       n-resize       se-resize       sw-resize       s-resize       w-resize       text       wait       help   ... Read More

The cursor property of CSS allows you to specify the type of cursor that should be displayed to the user.The following table shows the possible values for the cursor propertyValueDescriptionautoShape of the cursor depends on the context area it is over.For example, an 'I' over text, a 'hand' over a link, and so on.crosshairA crosshair or plus signdefaultAn arrowpointerA pointing hand (in IE 4 this value is hand).moveA pointing hand (in IE 4 this value is hand).moveThe 'I' bare-resizeThe cursor indicates that an edge of a box is to be moved right (east).ne-resizeThe cursor indicates that an edge of a box ... Read More

The padding property sets the left, right, top and bottom padding of an element. You can try to run the following code to implement padding property. Example                            This is a paragraph.                      This is another paragraph.                      Top padding will be 15px, left and right padding will be 3% of the total width of the document, bottom padding will be 10px          

The cursor property of CSS allows you to specify the type of cursor that should be displayed to the user.Example                   Move the mouse over the words and see the changes in cursor:       Auto       Crosshair       Default    

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

The padding-top specifies the top padding of an element. It sets the top padding of an element. This can take a value in terms of length of %.Example                            This is demo content.                      This is another demo content.          

The max-width property is used to set the maximum width that a box can be. The value of the max-width property can be a number, a length, or a percentage.                            This paragraph is 200px high and max width is 100px          This paragraph is 200px high and max width is 100px                

The padding-left specifies the left padding of an element. It sets the left padding of an element. This can take a value in terms of length of %. Example                            This is a paragraph with a specified left padding                      This is another paragraph with a specified left padding in percent