CSS
Search
Search

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

overflow-x
Specifies whether or not to clip the left/right edges of the content, if it overflows the element's content area
6:02 am, September 25, 2020 overflow

overflow
Specifies what happens if content overflows an element's box
6:02 am, September 25, 2020 overflow

object-fit
Specifies how the contents of a replaced element should be fitted to the box established by its used height and width
6:02 am, September 25, 2020 object

mix-blend-mode
Specifies how an element's content should blend with its direct parent background
6:02 am, September 25, 2020 mix-blend-mode

justify-content
Specifies the alignment between the items inside a flexible container when the items do not use all available space
6:02 am, September 25, 2020 justify-content

isolation
Defines whether an element must create a new stacking content
6:02 am, September 25, 2020 isolation

font-variant-ligatures
Controls which ligatures and contextual forms are used in textual content of the elements it applies to
6:02 am, September 25, 2020 font

content
Used with the :before and :after pseudo-elements, to insert generated content
6:02 am, September 25, 2020 content

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-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-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

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-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-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-color
Sets the color of the right border border-right-color: color|transparent|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-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-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-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-color
Sets the color of the left border border-left-color: color|transparent|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-image-width
Specifies the width of the border image. border-image-width: number|%|auto|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-slice
Specifies how to slice the border image. border-image-slice: number|%|fill|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-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
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-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-bottom
The bottom border of an element shorthand order: border-width border-style border-color
6:50 am, September 22, 2020 border

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

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