Examples of the background-clip CSS3 Style Property
How the background-clip Style Property Works
The background-clip CSS3 style property is used to define where the background should be painted in an image box. Below you will see 4 paragraphs. Each will have a black border, a 5px padding, and a short line of text. The first will have no image in the background, and the remaining three will show the background-clip property in action.
Example with No Background Image
Love’s not time’s fool, though rosy lips and cheeks whose worth’s unknown, although his height be taken. It is the star to every wand’ring bark, admit impediments; love is not love but bears it out even to the edge of doom. Within his bending sickle’s compass come; or bends with the remover to remove. Whose worth’s unknown, although his height be taken.
Return to background-clip property page.
Example with Default Clipping: border-box
Love’s not time’s fool, though rosy lips and cheeks whose worth’s unknown, although his height be taken. It is the star to every wand’ring bark, admit impediments; love is not love but bears it out even to the edge of doom. Within his bending sickle’s compass come; or bends with the remover to remove. Whose worth’s unknown, although his height be taken.
Return to background-clip property page.
Example with padding-box Clipping
Love’s not time’s fool, though rosy lips and cheeks whose worth’s unknown, although his height be taken. It is the star to every wand’ring bark, admit impediments; love is not love but bears it out even to the edge of doom. Within his bending sickle’s compass come; or bends with the remover to remove. Whose worth’s unknown, although his height be taken.
Return to background-clip property page.
Example with content-box Clipping
Love’s not time’s fool, though rosy lips and cheeks whose worth’s unknown, although his height be taken. It is the star to every wand’ring bark, admit impediments; love is not love but bears it out even to the edge of doom. Within his bending sickle’s compass come; or bends with the remover to remove. Whose worth’s unknown, although his height be taken.
Return to background-clip property page.
And In Case You're Wondering
Here's the image:
This is Stormageddon, my new puppy.
