Articles by

Mojtaba Seyedi

mask-size

In CSS, the mask-size property specifies the size of a mask layer image. In many ways, it works very much like the background-size property.

.element {
  mask-image: url(star.svg);
  mask-size: 200px 100px;
}

Masking allows you to display selected parts of …

Avatar of Mojtaba Seyedi
Mojtaba Seyedi on

gap

The gap property in CSS is a shorthand for row-gap and column-gap, specifying the size of gutters, which is the space between rows and columns within grid, flex, and multi-column layouts.

/* Grid layout */
.container {
  
Avatar of Mojtaba Seyedi
Mojtaba Seyedi on

inset

The inset property in CSS is a shorthand for the four inset properties, top, right, bottom and left in one declaration. Just like the four individual properties themselves, inset has no effect on non-positioned (static) elements. In other …

Avatar of Mojtaba Seyedi
Mojtaba Seyedi on

text-decoration-thickness

The text-decoration-thickness property in CSS sets the stroke thickness of the decoration line that is used on text in an element. The text-decoration-line value needs to be either underline, line-through, or overline to reflect the thickness property.

.text 
Avatar of Mojtaba Seyedi
Mojtaba Seyedi on

text-underline-offset

The text-underline-offset property in CSS sets the distance of text underlines from their initial position.

.text {
  text-underline-offset: 0.5em;
}

Once you apply an underline for an element using text-decoration with the value of underline, you can say how …

Avatar of Mojtaba Seyedi
Mojtaba Seyedi on