WebD Studio

Generate CSS

Basic

Display Color: Width: 100px Min-Width: 0px Height: 100px

Border

Border Size: 1px Border Style: None Solid Dotted Dashed Double Groove Ridge Inset Outset Border Radius:0px Border Radius Top Left:0px Border Radius Top Right: 0px Border Radius Bottom Left: 0px Border Radius Bottom Right: 0px Border Color:

Shadow

Outside Shadow Vertical: 0px Outside Shadow Horizontal: 0px Outside Shadow Opacity: 0px Outside Shadow Scale: 0px Outside Shadow Color: Inside Shadow Vertical: 0px Inside Shadow Horizontal: 0px Inside Shadow Opacity: 0px Inside Shadow Scale: 0px Inside Shadow Color:

Transform

Rotate (2D): 0deg Scale (2D): 1 Translate X (2D): 0px Translate Y (2D): 0px RotateX (3D): 0deg RotateY (3D): 0deg RotateZ (3D): 0deg Scale (3D): 1 Translate X (3D): 0px Translate Y (3D): 0px Translate Z (3D): 0px Transform Origin: none unset Center Top Left Top Right Bottom Left Bottom Right Transform Style: none unset Flat Preserve 3D Perspective: 0px Perspective Origin: none unset Center Top Left Top Right Bottom Left Bottom Right Backface Visibility: none unset Visible Hidden

Background

Background Color: Background Image URL: Background Repeat: none unset Repeat No Repeat Repeat-X Repeat-Y round space Background Position: none unset Left Top Left Center Left Bottom Right Top Right Center Right Bottom Center Top Center Center Center Bottom Background Size: none unset Auto Cover Contain Background Clip: none unset Border Box Padding Box Content Box Background Origin: none unset Border Box Padding Box Content Box Background Attachment: none unset Scroll Fixed Local

Text

Font Family: Arial Courier New Georgia Times New Roman Verdana Font Size: 16px Color: Font Weight: Normal Bold Bolder Lighter 100 200 300 400 500 600 700 800 900 Font Style: Normal Italic Oblique unset Font Variant: Normal Small Caps unset Line Height: 1 Letter Spacing: 0px Text Align: none Left Center Right Justify end start Text Transform: None Capitalize Uppercase Lowercase Text Decoration: None Underline Overline Line Through dashed dotted double solid wavy Text Indent: 0px Text Shadow X: 0px Text Shadow Y: 0px Text Shadow Blur: 0px Text Shadow Color: Word Spacing: 0px White Space: Normal No Wrap Pre Pre Line Pre Wrap

Padding

Padding Top: 10px Padding Left: 10px Padding Bottom:10px Padding Right: 10px

Position

Position: unset Static Relative Absolute Fixed Sticky Top: 0px Right: 0px Bottom: 0px Left: 0px Z-Index: 0 Float: None Left Right Clear: None Left Right Both

Flex

Display: Flex Inline-Flex Flex Direction: unset Row Row Reverse Column Column Reverse Flex Wrap: unset No Wrap Wrap Wrap Reverse Justify Content: unset baseline Center end first baseline Flex End Flex Start last baseline left right safe Space Around Space Between Space Evenly Start stretch Align Items: unset baseline Center end first baseline Flex End Flex Start last baseline normal safe self-end self-start Start stretch unsafe Align Content: unset baseline Center end first baseline Flex End Flex Start last baseline normal safe Space Around Space Between Space Evenly Start stretch unsafe Align Self: unset Auto baseline Center first baseline Flex End Flex Start last baseline normal safe self-end self-start stretch unsafe Flex Grow: 0 Flex Shrink: 1 Flex Basis: auto Order: 0

Others

Visibility: none Visible Hidden Overflow: none Visible Hidden Scroll Auto Resize: None Both Horizontal Vertical Filter: Opacity: 1.0 Outline Style: None Solid Dotted Dashed Double Groove Ridge Inset Outset Outline Width: 0px Outline Color: Outline Color: Outline Offset: 0px