Found 1566 Articles for CSS

Set the width, line style and color properties for an outline in a single statement with CSS

Lakshmi Srinivas
Updated on 04-Mar-2020 11:26:25

114 Views

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.                      

Set the color of the outline with CSS

Ankith Reddy
Updated on 04-Mar-2020 11:25:51

93 Views

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.                

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

144 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

159 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.          

Advertisements