CSS Margin At times, we need to have some space around the element, we can simply put some margin on the required, or all sides of the element. For achieving this, we are going to make use of the margin-related properties. By the margin, we just mean that we are creating some space around the […]
Padding in CSS Padding simply means creating some space around the element’s content, inside the element’s border. When it comes to padding, with some different properties, we are able to generate space around the content of the element, inside the borders. Here are some properties related to padding. these properties have the following values –
CSS Borders The border properties specify the things related to the border. Whenever we need to set the border for some element, we can make use of the border properties. Here, we can set the border style, border color, and border width as well. Let’s have a look at all of them one by one.
Color in CSS Many times, we need to give some colors to some elements, like while changing the color of some text, or some background color, or while specifying the color of shadow, etc. So, we can do it in some different ways as well. One standard way that we have been practicing, is just
Comments The comments are just used to specify what we are doing in some particular line. This also helps us understand the code better. The comments are ignored by the browser. So, when you are writing the CSS rules, you can write the description of the rules inside the comments. As stated earlier, the comments
CSS Background Shorthand Property So far, we have seen many different properties related to backgrounds, like background color, background image, background-repeat, background-attachment, background-position, background-size, and background clip. If we are willing to set the values for all the background-related properties at once, we can make use of the background shorthand property. It is as if
CSS Background Shorthand Property Read More »
CSS Background Clip With this property, we are determining whether the background of an element extends underneath its border-box, padding-box, or content-box. Let’s now try playing with this property. The values that we have got for the property are border-box (which is the default), padding-box (which means that the background of the element extends underneath
CSS Background Clip Property Read More »
CSS Background Size Property Now, let’s have a look at the property related to background, which is background size. Well, when we are giving some background image, we are having control over deciding whether or not the image repeats. But if we have set the background-repeat to no-repeat, then the image that we have set
CSS Background Size Read More »
Background-position property As the name of the property says, the background-position property is used to set the initial position of the background image. Well, if we have not specified the position for the background image, by default, the background image is positioned in the top left corner of the element. But, if we want to
CSS Background-Position Property Read More »
CSS Background Attachment This property can help you to make the background image fix or scroll with the page. Well, usually, the image scrolls with the page, but if we want to make it fixed, we can do it as well. We have to make use of the background-attachment property. It has some values like
CSS Background Attachment Read More »
