Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Articles by Abhishek
Page 3 of 7
How to set the inset shadow using CSS?
Generally, we use the box-shadow property to apply shadow around any box or container. The box shadow property in CSS by default applies the shadow outside around the boundaries of the container. But we can also use the box shadow property to set the shadow inside the container as well. Let us see how we can use the box shadow property to set the inner shadow to a container and make it look attractive. Syntax We can use the box shadow property with different number of values for different purposes as shown in the below syntax − box-shadow: x-offset ...
Read MoreHow to set the content as a counter?
In general, we use JavaScript to set the dynamic content as counter for the content on the web page. But in this article, we are going to learn how we can set the content as counter using the CSS counter properties. It is possible to set content as counter by using the counter properties inside the before or after pseudo selectors. Let us now see the counter properties we can use to set the content as counter using CSS. The CSS counters are just like the variables in other languages. We can increment their values using CSS rules or properties. ...
Read MoreHow to set position of an image in CSS?
In general, the default position of an image is left aligned on the web page. But you can change the position of an image according to your needs and set the position of an image manually on the web page where you have to show that particular image. Let us now discuss about the ways of positioning an image on the webpage using CSS. There are two methods or approaches in general to position an image on the web page using CSS that are listed below − Using the float property of CSS Using the object-position property of CSS ...
Read MoreHow to set padding inside an element using CSS?
Padding in CSS is used to give some space around the content of the element. You can add the space around the any type of content that is contained by the element. The content can be direct text, or any other nested elements inside it. You can easily add the space you want to set between the content and the boundaries of the element. Padding is the inner space, that is set only around the content and between the boundaries and content of element. Let us see how you can add padding inside an element around its content using CSS. ...
Read MoreHow to set padding around an element using CSS?
The padding property in CSS is used to set the inner space between the content and the boundaries of the container. The space defined using the padding property will be set around the content of the container not around the container itself. It will set the space inside the container not outside it. Let us see the different ways or methods of applying the padding around an element using CSS. There are two ways in which we can set padding around the content of an element using CSS as listed below − Using the individual padding property for each ...
Read MoreHow to set one column control over height in Bootstrap?
In this article, we will learn how we can set one column control over height in bootstrap? To solve this problem, first we make two different columns on the web page using Bootstrap classes, then we will use a div element inside one of those columns with position absolute to set the control of that particular column over height in bootstrap. Let us now practically understand the above approach or the process in details by implementing it inside the different code examples. Steps Step 1 − In the first step, we will define two different bootstrap columns inside a ...
Read MoreHow to find the value of a button with JavaScript?
In this tutorial, we will learn how we can find the value of a button with JavaScript. Sometimes, we need to use the button tag inside the form tag, where we assign a particularly unique value to each associated with the element using the value attribute. Which later helps the developer to uniquely identify the elements while working with them in the back end. JavaScript provides us with the value property to get the value passed inside the value attribute Let us discuss the value property in detail. Button value Property The button value property is used to get ...
Read MoreHow to subtract days from a date in JavaScript?
In this tutorial, we will learn how to subtract days from a date in JavaScript. To subtract days from a JavaScript Date object, use the setDate() method. Under that, get the current days and subtract days. JavaScript date setDate() method sets the day of the month for a specified date according to local time. Following are the methods we can use to subtract days from a date in JavaScript − Using the setTime() and getTime() methods Using the setDate() and getDate() methods ...
Read MoreHow to use JavaScript to redirect a webpage after 5 seconds?
In this tutorial, we learn to use JavaScript to redirect a webpage after 5 seconds. To redirect a webpage after 5 seconds, use the setInterval() method to set the time interval. Add the webpage in window.location.href object. As we know, whenever we need to call a function or some block of code after a specific delay of time we use the setTimeout() and the setInterval() methods of JavaScript. Lts look at the use of these methods to redirect a web page by 5 seconds. To redirect a page we will use the document.location.href or window.location.href object of JavaScript as shown ...
Read MoreHow to stop form submission using JavaScript?
In this tutorial, we will see the methods to stop form submission using JavaScript. Generally, the HTML form by default submitted automatically if we try to perform some operations by using some events. The automatic submission of the form leads the browser to refresh and reload the whole page again, which we don’t want to perform in some cases. So, to perform any operation before submission we need to change the default behavior of the form to prevent it from submission. Following are the methods we can use to stop form submission − Using the "return false" value Using ...
Read More