More than 200 CSS paramerers
CSS (Cascading Style Sheets) is a language used to describe the styling of an HTML document. There are a large number of CSS parameters that can be used to control the appearance of elements in a web page. Here is a list of some common CSS parameters:
color: Sets the color of text
font-family: Sets the font for text
font-size: Sets the size of text
font-weight: Sets the boldness of text
background-color: Sets the background color of an element
width: Sets the width of an element
height: Sets the height of an element
border: Sets the border around an element
margin: Sets the margin around an element
padding: Sets the padding within an element
align-content: Aligns the content in a multi-line flex container
align-items: Aligns the items in a flex container
align-self: Aligns a single item in a flex container
animation: Adds an animation effect to an element
background: Sets all background properties in one declaration
border: Sets all border properties in one declaration
border-bottom: Sets all bottom border properties in one declaration
border-left: Sets all left border properties in one declaration
border-right: Sets all right border properties in one declaration
border-top: Sets all top border properties in one declaration
box-sizing: Controls the size and dimensions of an element and its content
clear: Specifies how an element should be positioned relative to floating elements
display: Specifies how an element should be displayed on the web page
flex: Controls the layout and size of elements in a flex container
float: Specifies how an element should be positioned relative to other elements
font: Sets all font properties in one declaration
height: Sets the height of an element
justify-content: Aligns the content in a flex container along the main axis
max-height: Sets the maximum height of an element
max-width: Sets the maximum width of an element
min-height: Sets the minimum height of an element
min-width: Sets the minimum width of an element
opacity: Sets the transparency of an element
overflow: Controls how content that exceeds the dimensions of an element is displayed
padding: Sets the padding within an element
position: Specifies the type of positioning method used for an element
text-align: Aligns the text within an element
text-decoration: Decorates the text within an element
text-transform: Transforms the text within an element
transform: Transforms an element
transition: Adds a transition effect to an element
vertical-align: Vertically aligns the content within an element
visibility: Controls whether an element is visible or hidden
width: Sets the width of an element
word-wrap: Controls how words are wrapped within an element
z-index: Controls the stacking order of elements
animation-delay: Specifies the delay before an animation starts
animation-direction: Specifies the direction of an animation
animation-duration: Specifies the duration of an animation
animation-fill-mode: Specifies how an animation should fill the element's time
animation-iteration-count: Specifies the number of times an animation should be played
background-clip: Specifies the painting area of a background image
background-color: Sets the background color of an element
background-image: Sets a background image for an element
background-origin: Specifies the position of a background image
background-position: Specifies the position of a background image
background-repeat: Specifies if and how a background image should be repeated
background-size: Specifies the size of a background image
background-repeat: Specifies if and how a background image should be repeated
background-size: Specifies the size of a background image
border-bottom-color: Sets the color of the bottom border
border-bottom-left-radius: Rounds the bottom-left corner of an element
border-bottom-right-radius: Rounds the bottom-right corner of an element
border-bottom-style: Sets the style of the bottom border
border-bottom-width: Sets the width of the bottom border
border-collapse: Specifies whether the borders of a table should be collapsed into a single border
border-color: Sets the color of the four borders
border-image: Sets an image as the border of an element
border-image-outset: Specifies the amount by which the border image area extends beyond the border box
border-image-repeat: Specifies how the border image should be repeated
border-image-slice: Specifies the inward offsets of the border image
border-image-source: Specifies the path to the border image file
border-image-width: Specifies the width of the border image
border-left-color: Sets the color of the left border
border-left-style: Sets the style of the left border
border-left-width: Sets the width of the left border
border-radius: Rounds the corners of an element
border-right-color: Sets the color of the right border
border-right-style: Sets the style of the right border
border-right-width: Sets the width of the right border
border-spacing: Sets the space between cells in a table
border-style: Sets the style of the four borders
border-top-color: Sets the color of the top border
border-top-left-radius: Rounds the top-left corner of an element
border-top-right-radius: Rounds the top-right corner of an element
border-top-style: Sets the style of the top border
border-top-width: Sets the width of the top border
border-width: Sets the width of the four borders
box-shadow: Adds a shadow to an element
caption-side: Positions a table caption
caret-color: Sets the color of the text insertion caret
clip-path: Clips an element to a custom shape
clip-rule: Specifies the algorithm used to determine what parts of a shape to fill
color: Sets the color of text
color-adjust: Adjusts the color of an image
color-interpolation-filters: Specifies the color space for images
column-count: Sets the number of columns in a multi-column element
column-fill: Specifies how to fill columns
column-gap: Sets the gap between columns
column-rule: Sets all column rule properties in one declaration
column-rule-color: Sets the color of the column rule
column-rule-style: Sets the style of the column rule
column-rule-width: Sets the width of the column rule
column-span: Makes an element span multiple columns
column-width: Sets the width of columns
counter-increment: Increments a counter value
counter-reset: Resets a counter value
cursor: Specifies the type of cursor to be displayed
direction: Specifies the text direction/writing direction
display: Specifies how an element should be displayed on the web page
empty-cells: Controls the display of empty cells in a table
fill: Sets the fill color of a shape
fill-opacity: Sets the transparency of a fill color
fill-rule: Specifies the algorithm used to determine what parts of a shape to fill
filter: Applies one or more filter effects to an element
flex: Controls the layout and size of elements in a flex container
flex-basis: Specifies the initial size of a flex item
flex-direction: Specifies the direction of the flexible items
flex-flow: Specifies the direction and wrap of the flexible items
flex-grow: Specifies the ability for a flex item to grow
flex-shrink: Specifies the ability for a flex item to shrink
flex-wrap: Specifies whether the flexible items should wrap or not
float: Specifies how an element should be positioned relative to other elements
font: Sets all font properties in one declaration
font-family: Sets the font for text
font-feature-settings: Controls advanced typographic features in OpenType fonts
font-kerning: Controls the usage of the kerning information (how letters are spaced) in a font
font-language-override: Specifies a prioritized list of language system tags for the purpose of font selection
font-size: Sets the size of text
font-kerning: Controls the usage of the kerning information (how letters are spaced) in a font
font-language-override: Specifies a prioritized list of language system tags for the purpose of font selection
font-size: Sets the size of text
font-size-adjust: Preserves the readability of text when font fallback occurs
font-stretch: Stretches the font horizontally
font-style: Sets the style of a font
font-synthesis: Controls the usage of alternate glyphs for the purpose of font synthesis
font-variant: Sets the variant of a font
font-variant-caps: Controls the usage of alternate glyphs for capital letters
font-variant-east-asian: Controls the usage of alternate glyphs for East Asian scripts
font-variant-ligatures: Controls the usage of ligatures
font-variant-numeric: Controls the usage of alternate glyphs for numbers
font-variant-position: Controls the usage of alternate glyphs for subscript/superscript characters
font-weight: Sets the weight of a font
gap: Specifies the gap between grid items
grid: Specifies a grid for an element
grid-area: Specifies a grid item's size and position in a grid
grid-auto-columns: Specifies the size of grid columns that are not explicitly sized
grid-auto-flow: Specifies how to fill grid cells that have no items
grid-auto-rows: Specifies the size of grid rows that are not explicitly sized
grid-column: Specifies a grid item's size a
grid-column-end: Specifies the ending position of a grid item
grid-column-gap: Specifies the gap between grid columns
grid-column-start: Specifies the starting position of a grid item
grid-gap: Specifies the gap between grid rows and columns
grid-row: Specifies a grid item's size and position in a grid
grid-row-end: Specifies the ending position of a grid item
grid-row-gap: Specifies the gap between grid rows
grid-row-start: Specifies the starting position of a grid item
grid-template: Specifies a grid for an element
grid-template-areas: Specifies named grid areas
grid-template-columns: Specifies the size of the columns in a grid
grid-template-rows: Specifies the size of the rows in a grid
hanging-punctuation: Specifies whether a punctuation character may be placed outside the line box
height: Sets the height of an element
hyphens: Specifies how to hyphenate text
image-orientation: Specifies the orientation of an image
image-rendering: Specifies how the browser should render an image
image-rendering: Specifies how the browser should render an image
image-resolution: Specifies the resolution of an image
initial-letter: Specifies the styling of the first letter of a block-level element
initial-letter-align: Specifies the alignment of the initial letter
inline-size: Specifies the size of an element in the inline direction
inset: Shorthand property for setting all four inset values in one declaration
inset-block: Specifies the size of the top and bottom inset of an element
inset-block-end: Specifies the size of the bottom inset of an element
inset-block-start: Specifies the size of the top inset of an element
inset-inline: Specifies the size of the right and left inset of an element
inset-inline-end: Specifies the size of the right inset of an element
inset-inline-start: Specifies the size of the left inset of an element
isolation: Specifies whether an element should be isolated from its neighbors
justify-content: Aligns flex items along the main axis
justify-items: Aligns flex items along the cross axis
justify-self: Aligns a flex item along the cross axis
letter-spacing: Increases or decreases the space between characters in a text
line-break: Specifies how to break lines of Chinese, Japanese, or Korean text
line-height: Sets the line height
line-stacking: Controls line stacking and line breaking within a line box
line-stacking-ruby: Controls line stacking and line breaking within a line box for ruby text
line-stacking-ruby: Controls line stacking and line breaking within a line box for ruby text
line-stacking-shift: Controls line stacking and line breaking within a line box
line-stacking-strategy: Controls line stacking and line breaking within a line box
list-style: Sets all list style properties in one declaration
list-style-image: Specifies an image as the list item marker
list-style-position: Specifies the position of the list item marker
list-style-type: Specifies the type of list item marker
margin: Sets the margin for all four sides of an element
margin-block: Sets the margin for the top and bottom sides of an element
margin-block-end: Sets the margin for the bottom side of an element
margin-block-start: Sets the margin for the top side of an element
margin-bottom: Sets the margin for the bottom side of an element
margin-inline: Sets the margin for the right and left sides of an element
margin-inline-end: Sets the margin for the right side of an element
margin-inline-start: Sets the margin for the left side of an element
margin-left: Sets the margin for the left side of an element
margin-right: Sets the margin for the right side of an element
margin-top: Sets the margin for the top side of an element
mask: Shorthand property for setting all mask properties in one declaration
mask-clip: Determines the mask painting area
mask: Shorthand property for setting all mask properties in one declaration
mask-clip: Determines the mask painting area
mask-composite: Specifies the mask compositing operation
mask-image: Specifies the mask image
mask-mode: Specifies the masking mode
mask-origin: Specifies the mask positioning area
mask-position: Specifies the position of the mask image
mask-repeat: Specifies how the mask image is tiled
mask-size: Specifies the size of the mask image
mask-type: Specifies the masking mode
max-block-size: Sets the maximum size of an element in the block direction
max-height: Sets the maximum height of an element
max-inline-size: Sets the maximum size of an element in the inline direction
max-width: Sets the maximum width of an element
min-block-size: Sets the minimum size of an element in the block direction
min-height: Sets the minimum height of an element
min-inline-size: Sets the minimum size of an element in the inline
mask-mode: Specifies the mask painting mode
mask-origin: Specifies the mask positioning area
mask-position: Specifies the position of the mask image
mask-repeat: Specifies how the mask image is repeated
mask-size: Specifies the size of the mask image
mask-type: Specifies the masking method
max-height: Sets the maximum height of an element
max-inline-size: Sets the maximum size of an element in the inline direction
max-width: Sets the maximum width of an element
min-height: Sets the minimum height of an element
min-inline-size: Sets the minimum size of an element in the inline direction
min-width: Sets the minimum width of an element
mix-blend-mode: Specifies the blending mode of an element
object-fit: Specifies how an object should fit within its container
object-position: Specifies the position of an object within its container
offset: Shorthand property for setting the offset properties in one declaration
offset-anchor: Specifies the position of the anchor point of an offset
offset-distance: Specifies the distance between the anchor point and the offset
offset-path: Specifies the path the element should follow
offset-position: Specifies the position of the element along the path
offset-rotate: Specifies the direction the element should be rotated
opacity: Sets the transparency of an element
order: Specifies the order of a flex item
orphans: Specifies the minimum number of lines that must be left at the top of a page when a page break occurs inside an element
outline: Sets all outline properties in one declaration
outline-color: Sets the color of an outline
outline-offset: Offsets an outline
This is just a small selection of the many CSS parameters that are available. I recommend reviewing the documentation or tutorial resources on the W3C website or online for a complete and up-to-date list of CSS parameters and examples of how to use them.
I hope this information is helpful. If you have any other questions, please don't hesitate to ask.
Comments
Post a Comment