At times, we need to set some height and/or width for some elements in our web pages. In such situations, we can make use of the properties height and width, and set the height and width respectively for the given element. We can make use of the max-width property to set the max-width of the […]
CSS Height and Width Read More »
Outline CSS Let’s now study another interesting topic in CSS, which is outline. This may seem similar to borders, but there are some things that need to be discussed. When we talk about the layout of some content with borders, there is some content first, and then a border surrounds the content. So, where is
CSS Outline Property Read More »
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 »
