Varun has Published 83 Articles

Where is JavaScript Today?

varun

varun

Updated on 04-Mar-2024 13:39:19

155 Views

The 8th edition, known as ECMAScript 2017, is the current JavaScript version, released in June 2017. JavaScript is a dynamic computer programming language.JavaScript It is lightweight and most commonly used as a part of web pages, whose implementations allow a client-side script to interact with the user and make dynamic ... Read More

CSS rest Speech Media property

varun

varun

Updated on 06-Jul-2020 11:43:36

115 Views

The rest property is a shorthand property for rest-before and rest-after properties. Set a pause before or after the element.The following is the syntax:rest: rest-before rest-afterHere, rest-before: Rest for some seconds beforerest-after: Rest for some seconds afterExampleThe following is an example of rest speech media property:h1 {    rest: 15ms 20ms; }Read More

Display the flex lines at the start of the container with CSS

varun

varun

Updated on 06-Jul-2020 11:27:53

58 Views

Use the align-content property with value flex-start to set the flex lines in the beginning.ExampleYou can try to run the following code to implement the flex-start value:Live Demo                    .mycontainer {             display: flex;   ... Read More

Set all the top border properties in one declaration using CSS

varun

varun

Updated on 01-Jul-2020 10:53:04

197 Views

Use the border-top property in CSS to set all the top border properties in a single declaration.ExampleYou can try to run the following code to implement the border-top property −Live Demo                    p {             border-style: solid;             border-top: thick dashed #FFFF00;          }                     This is demo text    

Set the opacity for the background color with CSS

varun

varun

Updated on 01-Jul-2020 10:50:40

262 Views

To set the opacity for the background color, use the opacity property with RGBA color values.ExampleYou can try to run the following code to implement the opacity property:Live Demo                    div {             background: rgb(40, ... Read More

Style element with no "required" attribute with CSS

varun

varun

Updated on 01-Jul-2020 09:01:42

149 Views

Use the CSS :optional selector to style elements with no "required" attribute.ExampleYou can try to run the following code to implement the :optional selector:Live demo                    input:optional {             background-color: blue;          }                              Subject:          Student:          

Style every disabled element with CSS

varun

varun

Updated on 30-Jun-2020 09:43:53

435 Views

To style every disabled element, use the CSS :disabled selector. You can try to run the following code to style disabled element −ExampleLive Demo                    input:enabled {             background: blue;          }          input:disabled {             background: red;          }                              Subject          Student:          Age:          

Set min-height and max-height of an element using CSS

varun

varun

Updated on 30-Jun-2020 08:03:54

306 Views

To set min-height and max-height of an element using CSS, you can try to run the following code −ExampleLive Demo                    div {             max-height: 550px;             min-height: 450px;   ... Read More

CSS3 Repeat Radial Gradients

varun

varun

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

129 Views

You can try to run the following code to implement repeat radial gradients in CSS3 −ExampleLive Demo                    #grad1 {             height: 100px;             width: 550px;             background: -webkit-repeating-radial-gradient(blue, yellow 10%, green 15%);             background: -o-repeating-radial-gradient(blue, yellow 10%, green 15%);             background: -moz-repeating-radial-gradient(blue, yellow 10%, green 15%);             background: repeating-radial-gradient(blue, yellow 10%, green 15%);          }                        

Set top-left corner border with CSS

varun

varun

Updated on 25-Jun-2020 12:58:12

153 Views

Use the border-top-left-radius property to set the border of the top left corner. You can try to run the following code to implement border-left-radius property:ExampleLive Demo                    #rcorner {             border-radius: 25px;             border-top-left-radius: 45px;             background: #FADBD8;             padding: 20px;             width: 300px;             height: 150px;          }                     Rounded top-left corner!    

1 2 3 4 5 ... 9 Next
Advertisements