Books
Learn HTML
Learn CSS
Learn Git
Learn Javascript
Learn PHP
Learn python
Learn Java
Exercises
HTML
JavaScript
Git
CSS
PHP
Courses
Quizzes
Snippets
Tools
General Tools
Password Generator
HTML Editor
HTML Encoder
Base 64
Code Diff
JSON Beautifier
CSS Beautifier
Markdown Convertor
Find the Closest Tailwind CSS Color
Phrase encrypt / decrypt
Browser Feature Detection
Number convertor
CSS Maker
CSS Maker
CSS Maker text shadow
CSS Maker Text Rotation
CSS Maker Out Line
CSS Maker RGB Shadow
CSS Maker Transform
CSS Maker Font Face
Color Tools
Color Picker
Colors CMYK
Colors HWB
Colors HSL
Color Hex
Color mixer
Color Converter
Colors RGB
Color Contrast Analyzer
Color Gradient
String Tools
String Length Calculator
MD5 Hash Generator
Sha256 Hash Generator
String Reverse
URL Encoder
URL Decoder
Base 64 Encoder
Base 64 Decoder
Extra Spaces Remover
String to Lowercase
String to Uppercase
Word Count Calculator
Empty Lines Remover
HTML Tags Remover
Binary to Hex
Hex to Binary
Rot13 Transform on a String
String to Binary
Duplicate Lines Remover
Change theme
Dark
Light
System
CSS Properties
align-content
align-items
align-self
animation-delay
animation-direction
animation-duration
animation-iteration-count
animation-play-state
animation-timing-function
backface-visibility
background-blend-mode
background-clip
background-color
background-origin
background-position
background-repeat
background-size
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-collapse
border-color
border-image
border-image-outset
border-image-repeat
border-image-slice
border-image-width
border-left-color
border-left-style
border-left-width
border-radius
border-right-color
border-right-style
border-right-width
border-spacing
border-style
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-width
bottom
box-shadow
caption-side
clip
clip-path
color
column-count
column-gap
column-rule-color
column-rule-style
column-rule-width
column-span
column-width
cursor
direction
display
empty-cells
filter
flex-basis
flex-direction
flex-flow
flex-grow
flex-shrink
flex-wrap
float
font-family
font-size
font-style
font-variant
font-weight
grid
grid-auto-columns
grid-auto-flow
grid-auto-rows
grid-column-end
grid-column-gap
grid-column-start
grid-gap
grid-row-end
grid-row-gap
grid-row-start
grid-template
grid-template-areas
grid-template-columns
grid-template-rows
height
justify-content
left
letter-spacing
line-height
list-style-image
list-style-position
list-style-type
list-style-type
margin
margin-bottom
margin-left
margin-right
margin-top
max-height
max-width
min-height
min-width
opacity
outline-color
outline-style
outline-width
overflow
overflow-x
overflow-y
padding
padding-bottom
padding-left
padding-right
padding-top
position
quotes
resize
right
tab-size
table-layout
text-align
text-align-last
text-decoration-color
text-decoration-line
text-decoration-style
text-indent
text-justify
text-overflow
text-shadow
text-transform
top
top %
transform
transform matrix
transform rotateX
transform rotateY
transform rotateZ
transform scale(x,y)
transform scaleX
transform scaleY
transform skew()
transform skewX()
transform skewY()
transform translate
transform translateX
transform translateY
unicode-bidi
user-select
vertical-align
visibility
visibility collapse
white-space
width
word-spacing
z-index
CSS Property:
clip
auto
rect(0px,30px,30px,0px)
rect(1px,100px,25px,5px)
rect(0,80px,50px,2px)
rect(0px,150px,150px,0px)
initial
Result:
Example of the clip property:
CSS Code:
#myDiv {
position:absolute;
background-color:#86C2DE;
width:150px;
}
Click the property values above to see the result
W3Docs.com
-Play it
Sorry about that
How can we improve it?
Submit
Thanks for your feedback!
Thanks for your feedback!
Do you find this helpful?
Yes
No
Quizzes
PHP basics
HTML Basics
Javascript Basics
CSS Basics
ES6 Basics
TypeScript Basics
React Basics
Angular Basics
Sass Basics
Git Basics
Vue.js Basics
SQL Basics
Python Basics
Java Basics
NodeJS Basics