CSS Articles

Page 129 of 130

Cursor property of CSS

George John
George John
Updated on 04-Mar-2020 99 Views

The cursor property of CSS allows you to specify the type of cursor that should be displayed to the user.Example                   Move the mouse over the words and see the changes in cursor:       Auto       Crosshair       Default    

Read More

Set outline style as a dotted line with CSS

Samual Sam
Samual Sam
Updated on 04-Mar-2020 252 Views

To set the outline style as a dotted line, use the outline-style property with the value dotted − Example                            This text is having 7px dotted outline.          

Read More

CSS padding-left property

Samual Sam
Samual Sam
Updated on 04-Mar-2020 117 Views

The padding-left specifies the left padding of an element. It sets the left padding of an element. This can take a value in terms of length of %. Example                            This is a paragraph with a specified left padding                      This is another paragraph with a specified left padding in percent          

Read More

Usage of CSS list-style property

Lakshmi Srinivas
Lakshmi Srinivas
Updated on 04-Mar-2020 84 Views

The list-style serves as shorthand for the preceding properties. The list-style allows you to specify all the list properties into a single expression.Example                            Table          Chair          

Read More

How to make the main content div fill height of screen with CSS and HTML

Lakshmi Srinivas
Lakshmi Srinivas
Updated on 04-Mar-2020 494 Views

The position property specifies the type of positioning method used for an element (static, relative, absolute, fixed, or sticky).In the below-given example, no height is specified in percentage and no jQuery is needed.mainbody{      position: absolute;//here we are setting the position of an element as absolute    top: 30px; /* here we are defining Header Height to 30 px */    bottom: 10px; /*here we are defining  Footer Height to 10 px */    width: 100%;// here we are setting the width to 100% }

Read More

In dynamic fashion setting a custom class to a cell in a row

Amit Sharma
Amit Sharma
Updated on 25-Feb-2020 160 Views

If you need to set CSS properties for a row, then what you can try is to use the predefined CSS class of the table along with the custom class. For Example.sapMListTbl . {    margin: 10px;    color: #ffffff; }Also, you can opt for a formatter while applying the new class along with your model classes.

Read More

How to set the favicon size in CSS rather than HTML attributes?

Jai Janardhan
Jai Janardhan
Updated on 25-Feb-2020 3K+ Views

A favicon is a little icon visible on the web browser tab, just before the page title. It is generally a logo with the smaller size.You cannot add the size using CSS. The standards do not support adding Favicon size using CSS. Let’s add it using attributes,The result after adding Favicon above will be,

Read More

Difference between CSS border-collapse:collapse; and border-collapse:separate;

Samual Sam
Samual Sam
Updated on 31-Jan-2020 267 Views

The following image justifies the difference between collapse and separate. The separate value of the border-collapse property separates the borders of the cells:ExampleYou can try to run the following code to understand the difference between border-collapse separate and collapse value:                    table.one {             border-collapse:collapse;          }          table.two {             border-collapse:separate;          }          td.a {             border-style:dotted;             border-width:2px;             border-color:#000000;             padding: 20px;          }          td.b {             border-style:solid;             border-width:2px;             border-color:#333333;             padding:20px;          }                              Border Collapse           India           Australia                            Border Separate           India           Australia          

Read More

CSS positioning related properties

Lakshmi Srinivas
Lakshmi Srinivas
Updated on 30-Jul-2019 88 Views

The positioning related properties in CSS are:Relative PositioningRelative positioning changes the position of the HTML element relative to where it normally appears. So "left:20" adds 20 pixels to the element's LEFT position.Absolute PositioningAn element with position: absolute is positioned at the specified coordinates relative to your screen top-left corner.Fixed PositioningFixed positioning allows you to fix the position of an element to a particular spot on the page, regardless of scrolling. Specified coordinates will be relative to the browser window.

Read More

Role of CSS Filters

Arjun Thakur
Arjun Thakur
Updated on 30-Jul-2019 234 Views

Use CSS filters to add special effects to text, images and other aspects of a webpage without using images or other graphics. If you are developing your site for multi browsers, then it may not be a good idea to use CSS filters because there is a possibility that it would not give any advantage. Some CSS Filters include  Motion Blur, Chroma Filter, Flip Effect, etc.

Read More
Showing 1281–1290 of 1,299 articles
Advertisements