Scale-mask

From Frontal Wiki

Purpose

This style specifies whether any mask on the visual element should be scaled to the size of the visual element. This style only has an effect when the mask style is set as described in the Remarks.

Value

Either "true" or "false". The default value is "false".

scale-mask: true;

Remarks

A mask is applied to a visual element whenever its overflow style is set to "hidden". In the case that the mask style is not set, this mask is created the size of the visual element and so this style has no effect; setting the style to "true" would simply apply a scale of "1" to the mask.

If mask is set though then the mask has some intrinsic size that may not fit the visual element. In that case scale-maks will have an effect as the mask's width and height will be set to match the visual element's containerWidth and containerHeight dimensions.

Example

See Also

• mask
• overflow

Can Be Applied To

This style can be applied to any visual element:

• div
• document
• img
• text
• video
• form
• input