Use the CSS :read-only selector to select elements that are read-only.ExampleYou can try to run the following code to implement the :read-only selector:Live Demo                    input:read-only {             background-color: blue;             color: white;          }                              Subject:          Student:          

Use the CSS :last-child selector to style every element that is the last child of its parent.ExampleYou can try to run the following code to implement the :last-child selector −Live Demo                    p:last-of-type {             background: orange;          }                     Heading       This is demo text1.       This is demo text2.       This is demo text3.    

To create a link button with borders, you can try to run the following code −ExampleLive Demo                    a:link, a:visited {             background-color: white;             color: black;             border: 1px solid blue;             padding: 30px 30px;             text-align: center;             text-decoration: none;             display: inline-block;          }          a:hover, a:active {             background-color: red;             color: white;          }                     Demo Link    

The CSS border-mage-source property is used to set the image path. You can try to run the following code to implement the border-image-source property:ExampleLive Demo                    #borderimg1 {             border: 15px solid transparent;       ... Read More

To implement animation on opacity property with CSS, you can try to run the following code:ExampleLive Demo                    #demo1 {             position: absolute;             top: 60px;         ... Read More

Use the white-space property to work with white-space inside an element:ExampleLive Demo                    p.demo1 {             white-space: normal;          }          p.demo2 {             white-space: pre;          }                     Control white-space                This is demo text.          This is demo text.                      This is demo text.          This is demo text.          

To implement animation on background-size property with CSS, you can try to run the following code:ExampleLive Demo                    div {             width: 500px;             height: 400px;         ... Read More

To upload from local drive to the local file system, we can use −Webkitdirectory attribute on − This allows the user to select a directory by the appropriate dialog box.Filesystem API is a sandboxed filesystem, which allows us to store files on client’s machine.File API allows us to read ... Read More

Use the onratechange attribute to execute a script each time the playback rate changes in HTML in HTML.ExampleYou can try to run the following code to implement onratechange attribute − Live Demo                                       ... Read More

Use the disabled attribute to disable an element. The attribute can be used for the following elements: , , , , etc.ExampleYou can try to run the following code to implement disabled attribute −           Which sports do you like?                 Football           Cricket           Hockey