Sreemaha has Published 87 Answers

What are Inline List Items in CSS

Sreemaha

Sreemaha

Updated on 01-Jul-2020 11:01:07

Use Inline List Items to build a horizontal navigation bar. Set the &amp;lt;li&amp;gt; elements as inline.ExampleYou can try to run the following code to create horizontal navigation bar:Live Demo<!DOCTYPE html> <html>    <head>       <style>          ul {             list-style-type: ... Read More

Role of CSS :required Selector

Sreemaha

Sreemaha

Updated on 01-Jul-2020 09:17:05

Use the CSS :required selector to style &amp;lt;input&amp;gt; elements with a "required" attribute. You can try to run the following code to implement the :required selector:ExampleLive Demo<!DOCTYPE html> <html>    <head>       <style>          input:required {             background-color: orange;     ... Read More

Style every <p> element with a lang attribute value with CSS

Sreemaha

Sreemaha

Updated on 30-Jun-2020 11:07:51

Use the CSS :lang selector to style every <p> element with a lang attribute value. You can try to run the following code to implement the :lang selector:ExampleLive Demo<!DOCTYPE html> <html>    <head>       <style>          p:lang(fr) {             background: green; ... Read More

CSS word-break property

Sreemaha

Sreemaha

Updated on 29-Jun-2020 11:01:28

The word-break property is used to break the line.ExampleThe following code shows the sample code of word breaking:Live Demo<html>    <head>       <style>          p.text1 {             width: 140px;             border: 1px solid #000000;   ... Read More

CSS3 HSLA color property

Sreemaha

Sreemaha

Updated on 29-Jun-2020 10:09:18

HSLA stands for hue, saturation, lightness, and alpha. The alpha value specifies the opacity as shown RGBA.ExampleThe following example shows HSLA color property −Live Demo<html>    <head>       <style>          #d1 {background-color:hsla(120, 100%, 50%, 0.3);}          #d2 {background-color:hsla(120, 100%, 75%, 0.3);}   ... Read More

CSS3 Resize Property

Sreemaha

Sreemaha

Updated on 29-Jun-2020 08:26:27

The CSS3 resize property is having three common values as shown below −horizontalverticalbothExampleUsing both the values in resize property in the CSS3 user interface:Live Demo<html>    <head>       <style>          div {             border: 2px solid;         ... Read More

CSS voice-stress Speech Media property

Sreemaha

Sreemaha

Updated on 25-Jun-2020 14:36:59

Add adjustments to the speech with the voice-stress property like change pitch, how much loud it is, etc.The following is the syntax:voice-stress: normal | strong | moderate | none | reducedThe following example is to implement the voice-stress speech media property:p {    voice-stress: strong; }Above, I have set strong ... Read More

Change CSS columns property with Animation

Sreemaha

Sreemaha

Updated on 25-Jun-2020 13:12:09

To implement animation on columns property with CSS, you can try to run the following code:ExampleLive Demo<!DOCTYPE html> <html>    <head>       <style>          div {             width: 600px;             height: 300px;       ... Read More

Set the name to Grid Items with CSS

Sreemaha

Sreemaha

Updated on 25-Jun-2020 13:08:33

To set names to grid items in CSS, use the grid-area property, with the grid-template-areas property:ExampleLive Demo<!DOCTYPE html> <html>    <head>       <style>          .container {             display: grid;             background-color: green;           ... Read More

Checking if a key exists in HTML5 Local Storage

Sreemaha

Sreemaha

Updated on 24-Jun-2020 12:30:42

The getitem(key) takes value for one parameter and returns the value associated with the key. The given key is present in the list associated with the object.if(localStorage.getItem("user")===null) {    //... }But if the key is not present in the list then it passes null value by using the below-given codeYou ... Read More

1 2 3 4 5 6 7 ... 9 Next
Advertisements