Karthikeya Boyini has Published 2193 Articles

Usage of :visited pseudo-class in CSS

karthikeya Boyini

karthikeya Boyini

Updated on 04-Mar-2020 12:43:32

70 Views

The :visited pseudo-class is used to add special style to a visited link. Possible values could be any color name in any valid format. Example                    a:visited {             color: #006600          }                     Click this link    

Using CSS z-index property

karthikeya Boyini

karthikeya Boyini

Updated on 04-Mar-2020 12:37:34

185 Views

The z-index property is used along with the position property to create an effect of layers. You can specify which element should come on top and which element should come at the bottom. ExampleYou can try to run the following code to implement the z-index property −                                                     

Usage of CSS visibility:visible;

karthikeya Boyini

karthikeya Boyini

Updated on 04-Mar-2020 12:33:12

128 Views

The visibility property with value visible is used to make an element visible. You can try to implement the following code to implement the visible property − Example                    p {             visibility: hidden;          }                              This paragraph is visible.                      This paragraph won't be visible.          

What to do when an element's content might be larger than the amount of space allocated to it?

karthikeya Boyini

karthikeya Boyini

Updated on 04-Mar-2020 12:29:43

110 Views

Use the CSS overflow property to solve this issue of a content exceeding the allocated space. You can try to run the following code to solve the issue −Example                   .scroll{          display:block;          border: 2px ... Read More

CSS line-height property

karthikeya Boyini

karthikeya Boyini

Updated on 04-Mar-2020 12:11:45

120 Views

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.          

Set outline style as a solid single line with CSS

karthikeya Boyini

karthikeya Boyini

Updated on 04-Mar-2020 11:28:59

106 Views

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.          

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

karthikeya Boyini

karthikeya Boyini

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

226 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.             ... Read More

HTML5 Canvas layer disappears on mouse click in Fabric.js and Firefox stops responding when creating a canvas for the image?

karthikeya Boyini

karthikeya Boyini

Updated on 04-Mar-2020 10:21:10

488 Views

If the HTML5 Canvas layer disappears on mouse click in Fabric.js and Firefox stops responding when creating a canvas to the image, then there is a way to drag and drop images from your computer to canvas using Fabric.This can be done by making image draggable property to true by ... Read More

Bootstrap complex form layout for combined vertical/inline fields with HTML

karthikeya Boyini

karthikeya Boyini

Updated on 04-Mar-2020 08:04:23

295 Views

Bootstrap form for combined vertical/ inline fields −                                 Left side                                 Right side                                               longer forms                                                                           shorter forms                                                   shorter forms                                                   shorter forms                                                   shorter forms                                                           Right    

Phonegap + Windows Phone 8 : HTML5 viewport meta & scaling issue

karthikeya Boyini

karthikeya Boyini

Updated on 04-Mar-2020 08:02:15

130 Views

Whenever you face such issue, it would mean you have not written the CSS properly.Just add the following in CSS −* {    zoom:1;    -ms-content-zooming:none; }For some code, even the following works −@viewport {    width:320px; } @-ms-viewport {    width:320px;    zoom-user:fixed;    max-zoom:1;    min-zoom:1; }

Advertisements