Found 1564 Articles for CSS

CSS outline property

Samual Sam
Updated on 04-Mar-2020 11:23:34

142 Views

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.                      

Set the width of the outline with CSS

Chandu yadav
Updated on 04-Mar-2020 11:24:23

71 Views

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.          

Example of CSS Cursor Property

Lakshmi Srinivas
Updated on 25-Jun-2020 08:51:40

90 Views

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

Values for the CSS cursor property

Arjun Thakur
Updated on 25-Jun-2020 08:14:21

154 Views

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

Set the left, right, top and bottom padding of an element

karthikeya Boyini
Updated on 04-Mar-2020 11:14:23

139 Views

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          

Cursor property of CSS

George John
Updated on 04-Mar-2020 11:14:54

89 Views

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    

Set outline style as a dotted line with CSS

Samual Sam
Updated on 04-Mar-2020 11:13:44

138 Views

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.          

Specify the top padding of an element with CSS

Lakshmi Srinivas
Updated on 04-Mar-2020 11:12:29

87 Views

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.          

CSS max-width property

karthikeya Boyini
Updated on 17-Jun-2020 07:42:07

135 Views

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                

CSS padding-left property

Samual Sam
Updated on 04-Mar-2020 11:06:01

108 Views

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          

Advertisements