CSS Pro tips you might not know.
A Thread π
A Thread π
1β£ user-select property
The user-select property specifies whether the text of an element can be selected or not.
The user-select property specifies whether the text of an element can be selected or not.
2β£ place-item property
The CSS place-items is a shorthand property that allows you to align items along both the block and inline directions at once (i.e. the align-items and justify-items properties) in a relevant layout system such as Grid or Flexbox.
The CSS place-items is a shorthand property that allows you to align items along both the block and inline directions at once (i.e. the align-items and justify-items properties) in a relevant layout system such as Grid or Flexbox.
If the second value is not set in the place-item property, the first value is also used for it.
3β£ clamp() property
clamp() enables selecting a middle value within a range of values between a defined minimum and maximum. It takes three parameters: a minimum value, a preferred value, and a maximum allowed value.
clamp() enables selecting a middle value within a range of values between a defined minimum and maximum. It takes three parameters: a minimum value, a preferred value, and a maximum allowed value.
4β£ calc()
The calc() CSS function lets you perform calculations when specifying CSS property values.
Syntax:
property : calc(expression)
The calc() function takes a single expression as its parameter, with the expression's result used as the value.
The calc() CSS function lets you perform calculations when specifying CSS property values.
Syntax:
property : calc(expression)
The calc() function takes a single expression as its parameter, with the expression's result used as the value.
5β£ image-rendering
The image-rendering property defines how the browser should render an image if it is scaled up or down from its original dimensions.
The three possible values are : auto, crisp-edges, pixelated.
The image-rendering property defines how the browser should render an image if it is scaled up or down from its original dimensions.
The three possible values are : auto, crisp-edges, pixelated.
Thanks for reading folks. If you found this thread helpful a retweet would mean lot to me.π
β’ β’ β’
Missing some Tweet in this thread? You can try to
force a refresh
γ
