OBINTUSACADEMY
HOME CONTACT SERVICES PRIVACY
C.B MS-PACKAGES CSS
CSS - Background Clip

BASIC

Introduction to CSS Getting Started CSS Basic Structure CSS Syntax CSS Selectors CSS Universal Selector CSS Element Selector CSS ID Selector CSS Class Selector CSS Group Selector CSS Descendant Selector CSS Child Selector CSS Adjacent Sibling Selector CSS General Sibling Selector CSS Pseudo Element Selector CSS Pseudo Class Selector CSS Attribute Selector CSS Comments CSS Rule CSS Colors CSS Foreground and Background Color CSS Fonts CSS Background CSS Background Clip CSS Background Origin CSS Background Size CSS Text/Word Formatting CSS Images

INTERMEDIATE

CSS Borders CSS Margin CSS Padding CSS Dimension CSS Outline CSS Lists CSS Tables CSS Links CSS Overflow CSS Cursor CSS Float CSS Clear

CSS Background Clip

PREVIOUS NEXT

In this tutorial, I will be showing you all you need to know about background-clip property in CSS.

The background-clip property is used to specify how far the background color or image should be extended around the element.

Example

TRY IT OUT YOURSELF

Property Values

  • border-box - This extends the background behind the border (default value).
    • TRY IT OUT YOURSELF
  • padding-box - This extends the background inside the edge of the border.
    • TRY IT OUT YOURSELF
  • content-box - This extends the background to the edge of the content box.
    • TRY IT OUT YOURSELF
  • initial - This sets the property value to the default value.
  • inherit - This sets the property value to the parent element value.
PREVIOUS NEXT
ADVERTISEMENTS

LEARNING IS A CONTINOUS PROCESS - PRACTICE MAKES PERFECT