Search
 
SCRIPT & CODE EXAMPLE
 

CSS

css shape-outside

/* Keyword values */
shape-outside: none;
shape-outside: margin-box;
shape-outside: content-box;
shape-outside: border-box;
shape-outside: padding-box;

/* Function values */
shape-outside: circle();
shape-outside: ellipse();
shape-outside: inset(10px 10px 10px 10px);
shape-outside: polygon(10px 10px, 20px 20px, 30px 30px);
shape-outside: path('M0.5,1 C0.5,1,0,0.7,0,0.3 A0.25,0.25,1,1,1,0.5,0.3 A0.25,0.25,1,1,1,1,0.3 C1,0.7,0.5,1,0.5,1 Z');

/* <url> value */
shape-outside: url(image.png);

/* <gradient> value */
shape-outside: linear-gradient(45deg, rgba(255, 255, 255, 0) 150px, red 150px);

/* Global values */
shape-outside: initial;
shape-outside: inherit;
shape-outside: revert;
shape-outside: unset;
Comment

PREVIOUS NEXT
Code Example
Css :: how to back animation in css 
Css :: bootstrap text truncate after 3 lines 
Css :: max width for tablet 
Css :: css selectors attribute ends with 
Css :: How to keep same background-image ratio/size on all different screen sizes? 
Css :: rgba colors 
Css :: how to saturate colors in css 
Css :: scroll snap css 
Css :: truncate multiline text 
Css :: nth-of-type(2):before 
Css :: css grid example 
Css :: display none opposite 
Css :: css display flex white-space: nowrap; 
Css :: registration form in tailwind css 
Css :: css wavy line 
Css :: flexbox css properties 
Css :: NeuMorphisme button code 
Css :: WSGI: Truncated or oversized response headers received from daemon process 
Css :: Install Golang On Linux (Ubuntu) 
Css :: advanced selectors 
Css :: highchart add font family 
Css :: css text effects 
Css :: page rotate css 
Css :: css click through after 
Css :: css let div be last 
Css :: css float placeholder 
Css :: css text decoration 
Css :: css template 
Css :: transparent blur effect css 
Css :: scroll css 
ADD CONTENT
Topic
Content
Source link
Name
4+2 =