mask-type

زمانی که از عنصر <mask> برای ماسک کردن یک عنصر استفاده می شود ویژگی mask-type تعیین کننده حالت محتوای عنصر <mask> است که از نوع alpha باشد یا luminance.

mask-composite

ویژگی mask-composite تعیین می کند که لایه ماسکی که توسط ویژگی mask-image تعریف شده است با لایه ماسک زیرین خود چگونه ترکیب می شود.

mask-clip

ویژگی mask-clip تعیین می کند که لایه ماسک بر روی کدام نواحی عنصر تاثیر گذار باشد.

mask-origin

ویژگی mask-origin تعیین می کند که شروع ترسیم لایه ماسک در کدام ناحیه عنصر باشد.

mask-size

ویژگی mask-size اندازه لایه ماسکی که توسط ویژگی mask-image تعیین شده است را تنظیم می کند.

اشکال سی اس اس، برش و ماسک کردن در CSS

شکل ها، برش و ماسک کردن

با گسترش سی اس اس افکت های مختلفی که در دنیای های گرافیک وجود داشتند به مرور وارد سی اس اس شدند از جمله این موارد می توان به بوجود آوردن اشکال و برش عناصر و همچنین ماسک کردن آنها اشاره کرد. در این فصل به این سه مقوله می پردازیم.

mask-position

ویژگی mask-position مکان و موقعیت لایه ماسک را بر روی عنصر مشخص می کند. مقادیر این ویژگی کاملا مشابه به ویژگی background-position می باشند.

mask-repeat

با استفاده از ویژگی mask-repeat می توان نحوه تکرار شدن یک لایه ماسک را بعد از اینکه اندازه و مکانش تعیین شد کنترل کرد. این ویژگی مشابه ویژگی background-repeat برای یک پس زمینه عمل می کند.

mask-mode

ویژگی mask-mode تعیین کننده حالت تصویر لایه ماسک است که از نوع alpha باشد یا luminance.

mask-image

از ویژگی mask-image برای تعریف یک یا تعداد بیشتری تصویر به عنوان یک لایه ماسک بر روی یک عنصر HTML یا SVG استفاده می شود.