Category: Basic

CSS user-select property determines whether text can be selected by the user, with no effect on content loaded as part of a browser’s user interface (chrome) other than textboxes. While user-select is not inherited, its initial “auto” value often makes it behave as if it is inherited. WebKit/Chromium-based browsers implement the property as inherited, which violates the specification and…

CSS accent-color property determines the accent color that can be applied to user-interface controls such as radio button, checkboxes, buttons etc. This property gives the flexibility to assign color of user’s choice to the user-interface control. Syntax accent-color: auto | color | initial | inherit; Value Description auto The browser selects the accent color. Default value. color…

The CSS shorthand property offset makes it easier for an element to animate along a certain path. Constituent Properties The offset property is a shorthand for the following CSS properties: Possible Values The following list of values is accepted by offset shorthand property. Applies to Transformable elements Syntax offset = [ <‘offset-position’>? [ <‘offset-path’> [ <‘offset-distance’> || <‘offset-rotate’> ]? ]? ]!…

CSS min-inline-size property sets the minimum inline size of an element. The direction of the inline is determined by the writing-mode property. The property has no effect, if the content fits well within the inline size of the element. Syntax min-inline-size: auto | length | percentage | initial | inherit; Property Values Value Description auto No width limit is…

CSS max-inline-size property sets the maximum inline size of an element. The direction of the inline is determined by the writing-mode property. The property has no effect, if the content fits well within the inline size of the element. Syntax max-inline-size: auto | length | percentage | initial | inherit; Property Values Value Description auto No width limit is…

CSS mix-blend-mode property determines how the content of an element should blend with the content of its parent and the element’s background. Syntax mix-blend-mode: normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | difference | exclusion | hue | saturation | color | luminosity; Property Values Value Description normal No…

CSS min-block-size property sets the minimum block size of an element. The direction of the block is determined by the writing-mode property. The property has no effect, if the content fits well within the block. Syntax min-block-size: auto | length | percentage | initial | inherit; Property Values Value Description auto No height limit is set with this value.…

CSS max-block-size property sets the maximum block size of an element. The direction of the block is determined by the writing-mode property. The property has no effect, if the content fits well within the block. Syntax max-block-size: auto | length | percentage | initial | inherit; Property Values Value Description auto No height limit is set with this value.…

CSS place-self is a shorthand property that aligns the individual items in both block and inline directions simultaneously, similar to properties like align-self and justify-self in layout systems like Grid or Flexbox. The first value is used if the second value is not set. This property is a shorthand for the following CSS properties: Possible Values Applies To Block-level…

CSS place-items is a shorthand property used in CSS Grid Layout to set both the align-items and justify-items properties in a single declaration. It allows you to align and justify grid items within the grid container along both the block (column) and inline (row) axes simultaneously This property is a shorthand for the following CSS properties: Possible Values Applies To All…