- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
With the help of CSS animations, we can create a typewriter typing and deleting effect using JavaScript. The infinite effect is also set. The custom function will get called and the words will get display with the effect. At the end, those words will get deleted using another custom function. Set a div for the text and cursor First, a parent div container is set with the element. One of the will have text and another the cursorL | Style the element A professional font is ... Read More
One or more boxes are generated for every element in a document tree after processing it under visual formatting model. A generated box has certain CSS properties associated with it and is accordingly rendered in HTML. To display elements, the following are the two common values − block − Starts on a new line. Takes the full available width Inline − Does not start on a new line. Tales only the required width The following boxes are generated in CSS − Block-level Elements and Block Boxes Anonymous block boxes Inline-level Elements and Inline Boxes Anonymous inline boxes ... Read More
We can use CSS clear property to specify the side of the floated element which is to be cleared of flowing content. If you want to control the element next to a floating element, then use the clear property. Syntax The following is the syntax of the float property − clear: value; The value can be − none − The element is not set below left or right floated elements. Default. left − The element is set below left floated elements right − The element is set below right floated elements both − The element is set ... Read More
We can define the height and width exclusively for the element’s content, though these properties do not include margins, paddings or borders. Syntax The syntax of CSS height property is as follows − Selector { height: /*value*/ } The syntax of CSS width property is as follows − Selector { width: /*value*/ } Example Let us see an example of width and height properties − CSS height and width * { ... Read More
The padding property in CSS allows you to set the padding for padding-top, padding-right, padding-bottom, padding-left. It is a shorthand property. For example padding:10px 5px 7px 10px; Here, top padding is 10px right padding is 5px bottom padding is 7px left padding is 10px Syntax The syntax of CSS padding property is as follows − Selector { padding: /*value*/ } The value can be − padding-top padding-right padding-bottom padding-left The following examples illustrate CSS padding shorthand property − Padding property with all the values The padding property with all ... Read More
The outline-width property can be defined to draw a line of specific thickness around the borders of the element, but the outline is not a part of an element’s dimensions, unlike border property. Syntax The syntax of CSS outline-width property is as follows − Selector { outline-width: /*value*/ } The value can be thin, thick, medium or a length unit. NOTE − The outline-style property needs to be defined before declaring outline-width. Set a thin outline Let’s see an example for the outline-width property. We have set a thick outline here using the thin value ... Read More
The outline-style property can be defined to draw a line around the borders of the element, but the outline is not a part of element’s dimensions unlike border property. Syntax The syntax of CSS outline-style property is as follows − Selector { outline-style: /*value*/ } The value can be any of the following − dotted− Set a dotted border dashed− Set a dashed border solid− Set a solid border double− Set a double border groove− Set a 3D grooved border ridge− Set a 3D ridged border inset− Set a 3D inset border ... Read More
The outline-color property can be defined to draw a line of a specific color around the borders of the element, but the outline is not a part of element’s dimensions unlike border property. Syntax The syntax of CSS outline-color property is as follows − Selector { outline-color: /*value*/ } The value can be a − Color RGB RGBA HSL HSLA NOTE − The outline-style property needs to be defined before declaring outline-color. Example Let’s see an example for the outline-color property. Here, we have set the outline color for the − ... Read More
A nested list in Python is a list that contains other lists as elements. It is a way to create a hierarchical or multidimensional structure within a single list. The inner lists can themselves contain any type of elements, including other lists. Nested lists are useful when dealing with multidimensional data, such as matrices, tables, or hierarchical structures. They provide a flexible and convenient way to organize and access data in a structured manner. Let’s create a nested list as an example. Example In this example, we are having a nested list with three inner lists. Each inner list represents ... Read More
The column product refers to the result of multiplying all the values within a specific column of a dataset. In a tabular representation of data, such as a list of lists or a spreadsheet, each column typically represents a variable or a feature, and the values within that column represent individual observations or measurements. The column product is closely related to the concept of column sum or column average, where instead of multiplication; the values within a column are summed or averaged to obtain a single value representing the column's cumulative effect or central tendency. When calculating the column product, ... Read More