CSS
Search
Search
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
orphans
Sets the minimum number of lines that must be left at the bottom of a page when a page break occurs inside an element
6:02 am, September 25, 2020 orphans
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
border-top-color
Sets the color of the top border border-top-color: color|transparent|initial|inherit;
6:02 am, September 25, 2020 border
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
border-right-color
Sets the color of the right border border-right-color: color|transparent|initial|inherit;
6:02 am, September 25, 2020 border
![...](images/core_shaded.png)
border-right
A shorthand property for all the border-right-* properties
6:02 am, September 25, 2020 border
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
border-left-color
Sets the color of the left border border-left-color: color|transparent|initial|inherit;
6:02 am, September 25, 2020 border
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
border-image-width
Specifies the width of the border image. border-image-width: number|%|auto|initial|inherit;
6:02 am, September 25, 2020 border
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
border-image-slice
Specifies how to slice the border image. border-image-slice: number|%|fill|initial|inherit;
6:02 am, September 25, 2020 border
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
border-bottom
The bottom border of an element shorthand order: border-width border-style border-color
6:50 am, September 22, 2020 border
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
background-repeat
background-repeat controls how and which directions the background image should repeat (or not)
12:09 am, September 21, 2020 background
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
background-clip
background-clip controls how the background should extend within the element
6:52 am, September 16, 2020 background
![...](images/core_shaded.png)
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
![...](images/core_shaded.png)
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