CSS Color
CSS Properties
@charset @font-face @font-feature-values @import @keyframes @media align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function backface-visibility background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-decoration-break box-shadow box-sizing break-after break-before break-inside caption-side caret-color clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font font-family font-feature-settings font-kerning font-language-override font-size font-size-adjust font-stretch font-style font-synthesis font-variant font-variant-alternates font-variant-caps font-variant-east-asian font-variant-ligatures font-variant-numeric font-variant-position font-weight grid grid-area grid-auto-columns grid-auto-flow grid-auto-rows grid-column grid-column-end grid-column-gap grid-column-start grid-gap grid-row grid-row-end grid-row-gap grid-row-start grid-template grid-template-areas grid-template-columns grid-template-rows hanging-punctuation height hyphens image-rendering isolation justify-content left letter-spacing line-break line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top max-height max-width min-height min-width mix-blend-mode object-fit object-position opacity order orphans outline outline-color outline-offset outline-style outline-width overflow overflow-wrap overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin pointer-events position quotes resize right scroll-behavior tab-size table-layout text-align text-align-last text-combine-upright text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-orientation text-overflow text-shadow text-transform text-underline-position title top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi user-select vertical-align visibility white-space widows width word-break word-spacing word-wrap writing-mode
CSS

Search

Search
Search CSS Properties by entering the text above.
MfTxJ
...
caret-color

Specifies the color of the cursor (caret) in inputs, textareas, or any element that is editable. auto|color

6:02 am, September 25, 2020 caret

9XNgU
...
border-width

Sets the width of the four borders. you can also set each to different using this shorthand: top, right, bottom, left. border-width: top, right, bottom, left;

6:02 am, September 25, 2020 border

Ox4qR
...
border-top-width

Sets the width of the top border border-top-width: medium|thin|thick|length|initial|inherit;

6:02 am, September 25, 2020 border

AYVtR
...
border-top-style

Sets the style of the top border border-top-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

6:02 am, September 25, 2020 border

7hk6t
...
border-top-right-radius

Defines the radius of the border of the top-right corner length|% [length|%]|initial|inherit

6:02 am, September 25, 2020 border

BV0FN
...
border-top-left-radius

Defines the radius of the border of the top-left corner length|% [length|%]|initial|inherit

6:02 am, September 25, 2020 border

nj9GN
...
border-top-color

Sets the color of the top border border-top-color: color|transparent|initial|inherit;

6:02 am, September 25, 2020 border

jR9Vp
...
border-top

A shorthand property for border-top-* elements. e.g: border-top-width, border-top-style and border-top-color

6:02 am, September 25, 2020 border

8hrJb
...
border-style

Sets the style of the four borders

6:02 am, September 25, 2020 border

x12te
...
border-right-width

Sets the width of the right border border-right-width: medium|thin|thick|length|initial|inherit;

6:02 am, September 25, 2020 border

7BRuh
...
border-right-style

Sets the style of the right border border-right-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

6:02 am, September 25, 2020 border

Em0Wf
...
border-right-color

Sets the color of the right border border-right-color: color|transparent|initial|inherit;

6:02 am, September 25, 2020 border

sXOSm
...
border-right

A shorthand property for all the border-right-* properties

6:02 am, September 25, 2020 border

6iZnI
...
border-radius

A shorthand property for the four border-*-radius properties. 1-4 length|% / 1-4 length|%|initial|inherit

6:02 am, September 25, 2020 border

Gk25S
...
border-left-width

Sets the width of the left border border-left-width: medium|thin|thick|length|initial|inherit;

6:02 am, September 25, 2020 border

oefP6
...
border-left-style

Sets the style of the left border border-left-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

6:02 am, September 25, 2020 border

5iGnT
...
border-left-color

Sets the color of the left border border-left-color: color|transparent|initial|inherit;

6:02 am, September 25, 2020 border

EPTph
...
border-left

A shorthand property for all the border-left-* properties. border-left: border-width border-style border-color|initial|inherit;

6:02 am, September 25, 2020 border

lGYKZ
...
border-image-width

Specifies the width of the border image. border-image-width: number|%|auto|initial|inherit;

6:02 am, September 25, 2020 border

ht60M
...
border-image-source

Specifies the path to the image to be used as a border. border-image-source: none|image|initial|inherit;

6:02 am, September 25, 2020 border

u1mK4
...
border-image-slice

Specifies how to slice the border image. border-image-slice: number|%|fill|initial|inherit;

6:02 am, September 25, 2020 border

QigVe
...
border-image-repeat

border-image-repeat defines if the border image should be repeated, rounded or stretched. border-image-repeat: stretch|repeat|round|initial|inherit;

6:02 am, September 25, 2020 border

j4WMe
...
border-image-outset

Specifies the amount by which the border image area extends beyond the border box border-image-outset: length|number|initial|inherit;

6:02 am, September 25, 2020 border

8N3fV
...
border-image

You can set an image to the border of your element using the border-image css property. border-image is also a shorthand property for the border-image-* properties.

6:02 am, September 25, 2020 border

nM8Ut
...
background-size

background-size controls the size of the background image which can be set to auto, forced width or height

12:14 am, September 21, 2020 background

u0pia
...
background-repeat

background-repeat controls how and which directions the background image should repeat (or not)

12:09 am, September 21, 2020 background

HLVGm
...
background-position

specifies the position of a background image, accepts multiple value types px % and locations, e.g: right center, or 0% 5%, or 10px 20px

5:21 am, September 18, 2020 background

fnkB0
...
background-origin

the background-origin specifies the origin of a background image im not sure in what situation this would be useful, but the only changes i see is when content-box is used. 

5:16 am, September 18, 2020 background

dxbIU
...
background-image

sets the background image of an element

5:11 am, September 18, 2020 background

CpkNh
...
background-clip

background-clip controls how the background should extend within the element

6:52 am, September 16, 2020 background

LklIG
...
background-blend-mode

defines how the background is blended element is blended Note: this only works if the element has multiple background layers For the demo's below i use the following background images, you can see h..

6:41 am, September 16, 2020 background

vd3R9
...
background-attachment

The background-attachment property defines if a background image of an element scrolls with the page or is fixed to the background.   

6:32 am, September 16, 2020 background

XV2bn
...
align-content

align-content aligns the content of the box. you also have to have the flex attribute set to true for this to work.  align-content available values align-content: stretch|center|flex-start|flex..

3:34 am, September 15, 2020

Zd03L
...
@media

Sets the style rules for different media types/devices/sizes. all - targets all media screen - targets screen media print - print media speech - used for screenreaders 

6:02 am, September 25, 2020 @media