CSS Visibility Property As the name suggests, visibility is a property with which we can decide whether to show the element or hide the element, without changing the layout of the document. This means that even if you hide the element, it will occupy the space it takes. If you did not understand it fully, […]
CSS Display Property With this display property, we can control the display behavior of some elements. This concept is pretty interesting and useful. While we work with webpages, we are working with different elements, which might have different displays, the div element that we have been using for a long, has a block display, or
CSS Float Property The float property helps us put some elements on the left or right side of the container. You can float something to the right or to left, if we want to float an image towards the right side of a container, we can do that simply by using this CSS property. All
CSS Font Variant Property Well, this property helps us set the font variants for a font. Basically, we are going to set our text font to small caps, through which, all the low er case letters would be converted to upper case. But it is going to appear in a smaller text than an uppercase
CSS Font Size The font-size property is used to play with the size of the font for some elements. So, whenever you want to change the font size of some element text, you can make use of the font-size property. There are two types to give the font size. One is absolute and another is
Font Weight font-weight: With this property, we are able to set the weight of the font. Basically, when we say weight, we mean the boldness of the text. This property has got some values like lighter, light, normal, bold, bolder, or 100, 200, 300 so on upto 900. Here, 400 is the same as normal,
CSS Font Style This property is used to specify the normal or the italic font style. Some values for the font-style property are italic, normal, oblique, etc. Let’s have a look at some of them one by one. font-style: normal – this specifies that the text is shown in a normal form. font-style: italics –
CSS Fonts Family font-family: With this property, we are just specifying the font of that text. It is basically the prioritized list of fonts, with one or more font names for the selected element. So, it is like we are providing some font names, with the first font having the highest priority, and the last
Well, if we ever want to play with the font of the text on our web pages, we can do that using several font-related properties. Remember that it is better to use a font, which is easy to read. So, we are going to have a look at several properties, like – font-family → The
As the name of the CSS Text Shadow property says, you can use this property to add shadow to your text. You can add a vertical and horizontal shadow to the text. Also, you can add color to the shadow, or you can also blur the shadow. Basically, we are providing 4 values to it.
