Myanmar Coder Guide

Course Outline from w3school.com

Tuesday, April 27, 2021

CSS background-clip Property

Example

နောက်ခံပုံရဲ့အရွယ်အစားကို "auto" နဲ့ pixels တွေသတ်မှတ်နိုင်ပါသည်။

  1. div{
  2.     border : 10px dottet black ;
  3.     padding : 15px ;
  4.     background: lightblue ;
  5.     background-clip : padding-box ;
  6. }
Try it Yourself »

Definition and Usage

Background-clip property က element တစ်ခုအတွင်း၌နောက်ခံ (အရောင် (သို့) ရုပ်ပုံ) ဘယ်လောက်ထိတိုးချဲ့သင့်သည်ကိုသတ်မှတ်သည်။

Default value: auto
Inherited: no
Animatable: no
Version: CSS3
JavaScript syntax: object.style.backgroundSize="60px 120px"

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Numbers followed by -webkit-, -moz-, or -o- specify the first version that worked with a prefix.

Property
background-clip  4.0 9.0 4.0 3.0 10.5

CSS Syntax

background-clip: border-box|padding-box|content-box|initial|inherit;

Property Values

Value Description
border-box Default value. The background extends behind the border
padding-box The background extends to the inside edge of the border
content-box The background extends to the edge of the content box
initial Sets this property to its default value.
inherit Inherits this property from its parent element.

No comments:

Post a Comment