CSS
Search
Search
widows
Sets the minimum number of lines that must be left at the top of a page when a page break occurs inside an element
6:02 am, September 25, 2020 widows
overflow-y
Specifies whether or not to clip the top/bottom edges of the content, if it overflows the element's content area
6:02 am, September 25, 2020 overflow
caption-side
Specifies the placement of a table caption. As this site uses bootstrap the reset forces the caption to the bottom, so have to manually override it to set this correcrtly.
6:02 am, September 25, 2020 caption
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
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
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
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-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-color
Sets the color of the top border border-top-color: color|transparent|initial|inherit;
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
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
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
animation-play-state
animation-play-state controls if the animation is playing or not
6:34 am, September 22, 2020
animation-name
animation-name specifies the name of the animation if there is one
1:23 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-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-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-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-delay
animation-delay controls the delay before the animation starts
12:24 am, September 21, 2020 animation
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