Styling is not just about making the elements look good, rather be clearly visible while looking good. One such CSS feature that helps the developer in the “visibility” regard is the outline property. In simplest terms, outline is essentially a line drawn around the elements (not inside the Borders) to make the element clearly visible … Read more
As per the CSS Box Model, every HTML element is surrounded by a box. And each box has the following four parts: Main Content: The actual content part of the element. The said box is actually wrapped around the content of the element. The content can be anything like an image or text etc. Padding: … Read more
The height and width of the elements can be set by the respective namesake properties. The values can be set as any of the following three: auto : The default value calculated by the browser itself Length: Can be given in px, pt, cm etc. Percentage: As per the percentage of the containing block Here’s … Read more
CSS Margins specify the space and position of the element on the web page. There are basically 4 properties that can be used to specify the margins for the elements:
1 2 3 4 5 6 | <style> div { margin: 50px; border: 2px solid green; } </style> |
CSS margin example This div has a margin of 50px.
1 |
Run margin-top margin-bottom margin-right margin-left
1 2 3 4 5 6 7 | div { margin-top: 100px; margin-bottom: 60px; margin-left: 60px; margin-right: 30px; border: 2px solid green; } |
Run The value for the margin properties … Read more
Colors are the quintessential part of styling in general. Web page designers also need to be very specific about their color choices to provide the right feel to the user. Thus, web-page styling language CSS, also has colors as one of its important features. Almost all the popular browsers in their latest versions, allow 120+ … Read more
