Priya Pallavi has Published 70 Articles

CSS3 Multi-Column rule-width Property

Priya Pallavi

Priya Pallavi

Updated on 29-Jun-2020 11:10:19

60 Views

The multi-column rule-width property is used to specify the column width. You can try to run the following code to implement rule-width property using CSS:ExampleLive Demo                    .multi {             /* Column count property */   ... Read More

Types of Gradients in CSS

Priya Pallavi

Priya Pallavi

Updated on 29-Jun-2020 10:17:21

281 Views

Gradients display the combination of two or more colors.The following are the types of gradients:Types of gradientsLinear Gradients(down/up/left/right/diagonally)Radial GradientsExampleLet us see an example of radial gradients:Live Demo                    #grad1 {             height: 100px;       ... Read More

Rotate transform the element by using y-axis with CSS3

Priya Pallavi

Priya Pallavi

Updated on 29-Jun-2020 10:08:48

80 Views

Use the rotate(angle) method to rotate transform the element using y-axis with CSS3 −ExampleLive Demo                    div {             width: 200px;             height: 100px;             background-color: pink;             border: 1px solid black;          }          div#yDiv {             -webkit-transform: rotateY(150deg);             /* Safari */             transform: rotateY(150deg);             /* Standard syntax */          }                              tutorials point.com                Rotate Y axis                tutorials point.com.          

Rotate div with skew x-axis using CSS

Priya Pallavi

Priya Pallavi

Updated on 29-Jun-2020 10:02:58

101 Views

You can try to run the following code to rotate div with skew x-axis using CSS −ExampleLive Demo                    div {             width: 300px;             height: 100px;             background-color: pink;             border: 1px solid black;          }          div#skewDiv {             /* IE 9 */             -ms-transform: skewX(20deg);             /* Safari */             -webkit-transform: skewX(20deg);             /* Standard syntax */             transform: skewX(20deg);          }                              Qries.com                      Qries.com          

CSS Box Sizing Property

Priya Pallavi

Priya Pallavi

Updated on 29-Jun-2020 08:29:24

121 Views

Box-sizing property is used to change the height and width of the element. Since CSS2, the box property has worked like as shown below −width + padding + border = actual visible/rendered width of an element's box height + padding + border = actual visible/rendered height of an element's boxExampleTo ... Read More

How to display human readable date in HTML?

Priya Pallavi

Priya Pallavi

Updated on 24-Jun-2020 09:01:19

454 Views

Use the HTML tag is used for displaying the human-readable date and time. The following is the attribute −AttributeValueDescriptiondatetime datetimeit is machine readable date timeExampleYou can try to run the following code to display time −           HTML time Tag               The time is 18:16 pm    

How to add a set of frames in HTML?

Priya Pallavi

Priya Pallavi

Updated on 24-Jun-2020 08:57:21

334 Views

Use the tag to add a set of frames. The HTML tag is used to divide the window into frames. Note − This tag is not supported in HTML5. Do not use.The following are the attributes −AttributeValueDescriptionColscolumn sizeSpecifies the number of columns and their width in either pixels, percentages, ... Read More

Is it safe to assume strict comparison in a JavaScript switch statement?

Priya Pallavi

Priya Pallavi

Updated on 24-Jun-2020 06:44:25

77 Views

To get out of the confusion regarding strict comparison, try to run the following code snippet in JavaScript −Exampleswitch(1) {    case '1':       alert('Switch comparison: Not Strict.');       break;    case 1:       alert('Switch comparison: Strict.');       break;    default:       alert(‘Default’); }

Set how much the item will grow relative to the rest of JavaScript.

Priya Pallavi

Priya Pallavi

Updated on 23-Jun-2020 12:20:37

41 Views

Use the flexGrow property to set how much the item will grow relative to the rest with JavaScript.ExampleYou can try to run the following code to learn how to work with flexGrow property −                    #box {         ... Read More

How to set the top padding of an element with JavaScript?

Priya Pallavi

Priya Pallavi

Updated on 23-Jun-2020 11:26:36

360 Views

Use the paddingTop property in JavaScript to set the top padding. You can try to run the following code to set the top padding of an element with JavaScript −Example                    #box {             border: ... Read More

1 2 3 4 5 ... 7 Next
Advertisements