CSS
List CSS Properties
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
align-self
align-self aligns the item within its containing element
6:24 am, September 15, 2020 align
all
The all property resets all properties to their initial or inherited value. If you add the all property to your element it will reset all the preceding values. So you could use this as a reset, if y..
6:29 am, September 15, 2020 all
animation
binds an animation to an element, short hand for animation- individual elements. the following demo binds the animation name my-animation to the demo element
6:36 am, September 15, 2020
backface-visibility
determines if the back side of an element is visible or not when its flipped over, using transforms or other methods. we can flip this demo div over to see the back with transform: scaleX(..
1:03 am, September 16, 2020 visibility
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
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
background-clip
background-clip controls how the background should extend within the element
6:52 am, September 16, 2020 background
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
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
background-repeat
background-repeat controls how and which directions the background image should repeat (or not)
12:09 am, September 21, 2020 background
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
animation-delay
animation-delay controls the delay before the animation starts
12:24 am, September 21, 2020 animation
animation-direction
The animation-direction property controls the animation direction and can set it to the reverse, alternate or alternate-reverse. You can see it in action with the demo's below.
1:32 am, September 21, 2020 animation
animation-duration
animation-duration specifies the duration of the current animation the timing can be in seconds or miliseconds
1:13 am, September 22, 2020 animation
animation-fill-mode
animation-fill-mode specifies a style for the element when the animation is not playing
1:17 am, September 22, 2020 animation
animation-iteration-count
animation-iteration-count controls how many times the animation is played
1:20 am, September 22, 2020 animation
animation-name
animation-name specifies the name of the animation if there is one
1:23 am, September 22, 2020 animation
animation-play-state
animation-play-state controls if the animation is playing or not
6:34 am, September 22, 2020
animation-timing-function
the animation-timing-function property uses a Cubic Bezier curve function to change the speed of the animation
6:37 am, September 22, 2020 animation
border
the css property border controls the border of an element, is the shorthand code for: border-width: the width of the element border border-style: solid, dashed, dotted. border-color: color code for..
6:42 am, September 22, 2020 border
border-bottom
The bottom border of an element shorthand order: border-width border-style border-color
6:50 am, September 22, 2020 border
border-collapse
controls if the borders of a table element should collapse into a single border or be seperated
6:55 am, September 22, 2020 border
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
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
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
border-image-slice
Specifies how to slice the border image. border-image-slice: number|%|fill|initial|inherit;
6:02 am, September 25, 2020 border
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
border-image-width
Specifies the width of the border image. border-image-width: number|%|auto|initial|inherit;
6:02 am, September 25, 2020 border
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
border-left-color
Sets the color of the left border border-left-color: color|transparent|initial|inherit;
6:02 am, September 25, 2020 border
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
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
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
border-right
A shorthand property for all the border-right-* properties
6:02 am, September 25, 2020 border
border-right-color
Sets the color of the right border border-right-color: color|transparent|initial|inherit;
6:02 am, September 25, 2020 border
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
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
border-spacing
Sets the distance between the borders of adjacent cells border-spacing: length|initial|inherit; Note: works on table elements and must have border-collapse: separate; set.
6:02 am, September 25, 2020 border
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
border-top-color
Sets the color of the top border border-top-color: color|transparent|initial|inherit;
6:02 am, September 25, 2020 border
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
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
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