In this article, we will learn how to disable the drop-down list in HTML5. The drop-down is used to create a list of items that need to select an element. We use <select> and <option> elements to create a drop-down list and use the disabled attribute in <select> element to disable the drop-down list element.  A disabled drop-down list is un-clickable and unusable. It is a boolean attribute....

In CSS, the box-shadow property adds shadow effects around an element’s frame. We can set multiple effects around an element separated by commas. A box-shadow is defined as X and Y relative offset values to the element, blur and spread radius, and color....

In this article, we will learn to create an HTML div that has left-aligned text and a right-aligned icon. Sometimes, we need to align the text to the left side & if there is an image or icon used then align it to the right side. For this, we can use the display property by setting the value as a flex property that is used to display an element as a block-level flex container. along with using the float property that can be used to float the item to the specified position....

The -webkit-appearance property in CSS is used by WebKit-based browsers such as Safari. Note that Firefox and Edge also support -webkit-appearance, for compatibility for some reasons. Although, -webkit-appearance property is supported by some modern browsers but still there is a small difference....

In this article, we will learn how to stop a form submit action using jQuery. By default, the HTML form submits automatically. Submitting automatically leads to reloading the whole page again and again. Therefore for performing any operation, we have to prevent its default submission. Given a form, the task is to stop the submit action of the form using jQuery....

In this article, we are going to learn about the fixed position but relative to the container in CSS, basically, we have two common methods, position: sticky property and position: fixed property. To set the position of an element to fixed but relative to its container, we can use the combination of the “position: fixed” and “position: relative” properties. First, you need to set the position property of the container to “relative,” which will create a new positioning context for its child elements. Then, you can set the position property of the fixed element to “fixed,” which will position it relative to the viewport. Finally, you can use the top, right, bottom, and left properties to position the element within its container....

In CSS, scrollbar-color property allows customizing the colors of scrollbar components, such as the thumb and track....

Creating a sticky footer in React jS is a common requirement when designing web applications or websites. A sticky footer remains fixed at the bottom of the screen, regardless of the content’s height. In this article, we will see how to create a sticky footer in ReactJS....

To build a Tic-Tac-Toe using react Hooks include the interactive components that represent the board, the signs, and at last the winner of the game....

The clamp() method in CSS allows specifying a value within a range. It takes three parameters: a minimum value, a preferred value, and a maximum value. The browser selects the preferred value if it falls within the specified range; otherwise, it chooses the minimum or maximum value....

The text-indent property in CSS is used to define the indentation of the first line in each block of text. It also take negative values. It means if the value is negative then the first line will be indented to the left....

CSS box-shadow property adds a shadow effect to an HTML element. It allows you to create a shadow behind an element, which can give the element depth and make it stand out on the page. In this article, we will see the Box Shadow Bottom Only in CSS. For this, we will implement 2 different approaches:...