Chandu yadav has Published 1163 Articles

How to change the color of active links with CSS

Chandu yadav

Chandu yadav

Updated on 05-Mar-2020 04:59:07

4K+ Views

Use the :active class to change the color of active links. Possible values could be any color name in any valid format. ExampleYou can try to run the following code to implement the color of an active link −                    a:active {             color: #FF00CC          }                     My Link    

Usage of :link pseudo-class in CSS

Chandu yadav

Chandu yadav

Updated on 04-Mar-2020 12:38:51

94 Views

The :link pseudo-class is used to add special style to an unvisited link. Possible values could be any color name in any valid format. Example                    a:link { color:#000000; }                                Demo Link          

Set the width of a box with CSS

Chandu yadav

Chandu yadav

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

178 Views

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. ExampleYou can try to run the following code to set the width −                            This paragraph is 200pixels wide and 50 pixels high          

CSS min-width property

Chandu yadav

Chandu yadav

Updated on 04-Mar-2020 12:13:58

157 Views

The min-width property is used to set the minimum width that a box can be. The value of the min-width property can be a number, a length, or a percentage.Example                            This paragraph is 100px high and min ... Read More

Set the width of the outline with CSS

Chandu yadav

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

HTML5 Canvas & z-index issue in Google Chrome

Chandu yadav

Chandu yadav

Updated on 04-Mar-2020 06:23:16

589 Views

When we apply z index to a canvas whose position is fixed, it stop causes chrome to render all other elements which have position:fixed properly. This only happens if canvas is greater than 256X256 px in size.Wrap both h1 and canvas with the fixed div and solves the issue − ... Read More

How can I use the HTML5 canvas element in IE?

Chandu yadav

Chandu yadav

Updated on 04-Mar-2020 04:53:16

167 Views

Use excanvas JavaScript library to use HTML5 canvas in Internet Explorer(IE).The excanvas library is an add-on, which will add the HTML5 canvas functionality to the old IE browsers (IE7-8).Firefox, Safari and Opera 9 support the canvas tag to allow 2D command-based drawing operations.ExplorerCanvas brings the same functionality to Internet Explorer. To use the ... Read More

HTML5 inline video on iPhone vs iPad/Browser

Chandu yadav

Chandu yadav

Updated on 03-Mar-2020 12:44:55

416 Views

The allowsInlineMediaPlayback  property of a UIWebView) enables/ disables in line media playback in the iOS web browser for a native app. By default, on iPhone this is set to NO, but on iPad its set to YES. Hence, the native video player takes over the screen, thus obstructing us from playing ... Read More

How to copy the content of one HTML5 Canvas to another Canvas locally?

Chandu yadav

Chandu yadav

Updated on 03-Mar-2020 12:41:45

2K+ Views

The drawImage() method is used to draw image, canvas and videos on canvas. It can also draw part of image and increase or decrease the image size.ExampleLet us see an example −//context grabbed from your destination canvas ctx = destinationCanvas.getContext('2d'); //drawImage() called passing the source canvas directly dCtx.drawImage(sourceCanvas, 0, ... Read More

Execute a script when the cue changes in a element in HTML?

Chandu yadav

Chandu yadav

Updated on 03-Mar-2020 10:02:12

80 Views

When the cue changes, the oncuechange attribute triggers in HTML. It works with the element.              Your browser does not support the video element.          

Advertisements