What are CSS preprocessors?

CSS preprocessors are scripting languages that extend the capabilities of CSS and make it more powerful and easy to maintain. They allow you to use variables, functions, and other programming constructs in your CSS code, which can make it more modular and reusable. Popular CSS preprocessors: SASS (Syntactically Awesome Style Sheets): SASS is a mature […]

CSS Object-position Property

The object-position CSS property specifies the alignment of the selected replaced element’s contents within the element’s box. Areas of the box which aren’t covered by the replaced element’s object will show the element’s background. You can adjust how the replaced element’s object’s intrinsic size (that is, its natural size) is adjusted to fit within the element’s […]

CSS Object-fit Property

The object-fit CSS property sets how the content of a replaced element, such as an <img> or <video>, should be resized to fit its container. You can alter the alignment of the replaced element’s content object within the element’s box using the object-position property. Values fill: This is default. The replaced content is sized to […]

CSS Border Property

The CSS border property it’s a shorthand that sets an element’s border. You’ll be able to set the values of border-width, border-style, and border-color. I have a 4px dashed red border Values border-width: Sets the thickness of the border. Defaults to medium if absent. border-style: Sets the style of the border. Defaults to none if absent. border-color: Sets […]

CSS Outline Property

The CSS outline property is line drawed outside the element’s border Hi, I have a 2px red border and a blue outline of 6px width Be careful: Outline differs from borders! Unlike border, the outline is drawn outside the element’s border, and may overlap other content. Also, the outline is NOT a part of the […]