AmitDiwan has Published 10744 Articles

Styling Lists with CSS

AmitDiwan

AmitDiwan

Updated on 30-Dec-2019 11:04:11

215 Views

Lists are ordered as well unordered. With CSS, you can set the set list item markers or an image for the markers. With that, with CSS, we can also set the position for list-item markers.Let us now see some examples −list-style-typeThe list-style-type is used to set the type of list-item ... Read More

Text Decoration in CSS

AmitDiwan

AmitDiwan

Updated on 30-Dec-2019 10:54:26

101 Views

For text decoration in CSS, use the text-decoration property as a shorthand property for the following properties −text-decoration-line text-decoration-color text-decoration-styleExampleLet us see an example for text decoration in CSS − Live Demo .demo {    text-decoration: overline underline; } Details Examination Center near ABC College. ... Read More

Set Text Alignment using CSS

AmitDiwan

AmitDiwan

Updated on 30-Dec-2019 10:50:54

2K+ Views

To set text alignment using CSS, use the text-align property. Following are the possible property values −text-align: left|right|center|justify|initial|inherit;ExampleLet us see an example to set text alignment − Live Demo .demo {    -webkit-columns: auto auto; /* Chrome, Safari, Opera */    -moz-columns: auto auto; /* Firefox */   ... Read More

Word Spacing using CSS

AmitDiwan

AmitDiwan

Updated on 30-Dec-2019 10:42:42

89 Views

To set spacing between words, use the word-spacing property. The property values are as follows −word-spacing: normal|length|initial|inherit;ExampleLet us now see an example − Live Demo p.demo1 {    word-spacing: normal; } p.demo2 {    word-spacing: 10px; } Demo Heading Heading2 This is demo text. Heading2 ... Read More

jQuery slideToggle() Method

AmitDiwan

AmitDiwan

Updated on 30-Dec-2019 10:03:33

290 Views

The slideToggle() method in jQuery is used to toggle between the slideUp() and slideDown() methods.SyntaxThe syntax is as follows −$(selector).slideToggle(speed, easing, callback)Above, the parameter speed is the speed of the slide effect. Here, easing is the speed of the element in different points of the animation, whereas callback is a ... Read More

Converting an Image to Grayscale using CSS3

AmitDiwan

AmitDiwan

Updated on 30-Dec-2019 10:02:16

215 Views

To convert an image to Grayscale in CSS3, use the grayscale value for filter property.ExampleLet us see an example − Live Demo img.demo {    filter: brightness(120%);    filter: contrast(120%);    filter: grayscale(130%); } Spring Framework Learn MySQL Below image is brighter and has ... Read More

jQuery slideDown() Method

AmitDiwan

AmitDiwan

Updated on 30-Dec-2019 10:00:57

260 Views

The slideDown() method in jQuery is used to display the selected elements.SyntaxThe syntax is as follows −$(selector).slideDown(speed, easing, callback)Above, the parameter speed is the speed of the slide effect. Here, easing is the speed of the element in different points of the animation, whereas callback is a function to be ... Read More

jQuery innerWidth() with Example

AmitDiwan

AmitDiwan

Updated on 30-Dec-2019 09:57:24

133 Views

The innerWidth() method in jQuery is used to return the inner width of an element. The method includes padding, but the border and margin aren’t included.SyntaxThe syntax is as follows −$(selector).innerWidth()ExampleLet us now see an example to implement the jQuery innerWidth() method − Live Demo    $(document).ready(function(){ ... Read More

jQuery innerHeight() with Examples

AmitDiwan

AmitDiwan

Updated on 30-Dec-2019 09:52:32

127 Views

The innerHeight() method in jQuery is used to return the inner height. It includes padding, but border and margin are ignored.SyntaxThe syntax is as follows −$(selector).innerHeight()ExampleLet us now see an example to implement the jQuery innerHeight() method− Live Demo    $(document).ready(function(){       $("button").click(function(){     ... Read More

jQuery element + next Selector

AmitDiwan

AmitDiwan

Updated on 30-Dec-2019 09:49:35

173 Views

The element +next selector in jQuery is used to select the "next" element of the specified "element".SyntaxThe syntax is as follows −("ele + next")Above, ele is any valid selector, whereas the next parameter is used to specify the element that should be the next element of the element parameterExampleLet us ... Read More

Advertisements