Sreemaha has Published 74 Articles

How do we add a table row in HTML?

Sreemaha

Sreemaha

Updated on 09-Nov-2023 14:16:55

652 Views

Use the tag to add a table row. The HTML tag is used for specifying a table row within a table.The HTML tag also supports the following additional attributes −AttributeValueDescriptionAlignrightleftcenterjustifycharDeprecated − Visual alignment.bgcolorrgb(x, x, x)#hexcodecolornameDeprecated − Specifies the background color of the table cell.CharCharacterDeprecated − Specifies which character to align ... Read More

What are Inline List Items in CSS

Sreemaha

Sreemaha

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

2K+ Views

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

Role of CSS :required Selector

Sreemaha

Sreemaha

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

115 Views

Use the CSS :required selector to style <input> elements with a "required" attribute. You can try to run the following code to implement the :required selector:ExampleLive Demo                    input:required {             background-color: orange;          }                              Subject:          Student:          

Style every element with a lang attribute value with CSS

Sreemaha

Sreemaha

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

78 Views

Use the CSS :lang selector to style every element with a lang attribute value. You can try to run the following code to implement the :lang selector:ExampleLive Demo                    p:lang(fr) {             background: green;          }                     This is my country       C'est mon pays       French is the language of France    

CSS word-break property

Sreemaha

Sreemaha

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

108 Views

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

CSS3 HSLA color property

Sreemaha

Sreemaha

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

141 Views

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                    #d1 {background-color:hsla(120,100%,50%,0.3);}          #d2 {background-color:hsla(120,100%,75%,0.3);}          #d3 {background-color:hsla(120,100%,25%,0.3);}                     HSLA colors:       Less opacity green       Green       Green    

CSS3 Resize Property

Sreemaha

Sreemaha

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

112 Views

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                    div {             border: 2px solid;             padding: 20px;             width: 300px;             resize: both;             overflow: auto;          }                     My Website    

CSS voice-stress Speech Media property

Sreemaha

Sreemaha

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

77 Views

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

67 Views

To implement animation on columns property with CSS, you can try to run the following code:ExampleLive Demo                    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

68 Views

To set names to grid items in CSS, use the grid-area property, with the grid-template-areas property:ExampleLive Demo                    .container {             display: grid;             background-color: green;             grid-template-areas: 'demo demo . . .' 'demo demo . . .';             padding: 20px;             grid-gap: 10px;          }          .container > div {             background-color: orange;             text-align: center;             padding: 10px 0;             font-size: 20px;          }          .ele1 {             grid-area: demo;          }                     Game Board                1          2          3          4          5          6          

1 2 3 4 5 ... 8 Next
Advertisements