Priya Pallavi has Published 85 Articles

CSS3 Multi-Column rule-width Property

Priya Pallavi

Priya Pallavi

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

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

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

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.          

CSS border-image-repeat

Priya Pallavi

Priya Pallavi

Updated on 29-Jun-2020 10:03:27

The CSS border-image-repeat property is used to set the border image as rounded, repeated and stretched.ExampleYou can try to run the following code to implement the border-image-repeat property −Live Demo                    #borderimg1 {             border: 15px ... Read More

Rotate div with skew x-axis using CSS

Priya Pallavi

Priya Pallavi

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

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 border-image-slice

Priya Pallavi

Priya Pallavi

Updated on 29-Jun-2020 08:36:07

The CSS border-image-slice property is used to slice the border image.ExampleYou can try to run the following code to implement the border-image-slice property −Live Demo                    #borderimg1 {             border: 15px solid transparent;       ... Read More

CSS Box Sizing Property

Priya Pallavi

Priya Pallavi

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

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

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

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

Create superscripted text in HTML

Priya Pallavi

Priya Pallavi

Updated on 24-Jun-2020 08:12:01

Use the tag to create superscripted text. The HTML tag is used for defining subscript text like,23 + 32 = 17ExampleYou can try to run the following code to display subscripted text in HTML −           HTML sup Tag               Value of 23 + 32 = 17    

1 2 3 4 5 ... 9 Next
Advertisements