CSS
Search
Search
clear
modifies the side of an element that other floating elements are no longer allowed to float. can be used after a row of floating elements. none|left|right|both|initial|inherit
6:02 am, September 25, 2020 clear
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
break-inside
Specifies whether or not a page-, column-, or region-break should occur inside the specified element
6:02 am, September 25, 2020 break
break-before
Specifies whether or not a page-, column-, or region-break should occur before the specified element
6:02 am, September 25, 2020 break
break-after
Specifies whether or not a page-, column-, or region-break should occur after the specified element Usually used in print @media to specify a break in the content. You can test the following demo's ..
6:02 am, September 25, 2020 break
box-sizing
box-sizing defines how the height and width of an element are calculated and if they should include borders and padding this usually defines the box sizing and is included in a html reset like * { bo..
6:02 am, September 25, 2020 box
box-shadow
sets a shadow or multiple shadows on an element none|h-offset v-offset blur spread color |inset|initial|inherit
6:02 am, September 25, 2020 box
box-decoration-break
changes the behavior of the border and background of an element at page-break, or, for in-line elements, at line-break.
6:02 am, September 25, 2020 box
bottom
Sets the elements position, from the bottom of its parent element This is usually used on absolute positioned elements aligning them from the bottom of the relative element.
6:02 am, September 25, 2020 bottom
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-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
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-clip
background-clip controls how the background should extend within the element
6:52 am, September 16, 2020 background
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
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
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
align-self
align-self aligns the item within its containing element
6:24 am, September 15, 2020 align
@font-face
A rule that allows websites to download and use fonts other than the "web-safe" fonts
6:02 am, September 25, 2020 font
@charset
Specifies the character encoding used in the style sheet
6:02 am, September 25, 2020 charset