Академический Документы
Профессиональный Документы
Культура Документы
Property
Description
color
opacity
Description
background
background-attachment
background-color
background-image
background-position
background-repeat
background-clip
background-origin
background-size
border
border-bottom
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-color
border-image
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-left
border-left-color
border-left-style
border-left-width
border-radius
border-right
border-right-color
border-right-style
border-right-width
border-style
border-top
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-width
box-decoration-break
box-shadow
Description
bottom
clear
clip
display
float
height
left
overflow
overflow-x
overflow-y
padding
padding-bottom
padding-left
padding-right
padding-top
position
right
top
visibility
width
vertical-align
z-index
Description
align-content
align-items
align-self
display
flex
flex-basis
flex-direction
flex-flow
flex-grow
Specifies how much the item will grow relative to the rest
flex-shrink
flex-wrap
justify-content
margin
margin-bottom
margin-left
margin-right
margin-top
max-height
max-width
min-height
min-width
order
Text Properties
Property
Description
hanging-punctuation
hyphens
letter-spacing
line-break
line-height
overflow-wrap
Specifies whether or not the browser may break lines within word
(when a string is too long to fit its containing box)
tab-size
text-align
text-align-last
Describes how the last line of a block or a line right before a force
text-align is "justify"
text-combine-upright
text-indent
text-justify
text-transform
white-space
word-break
word-spacing
word-wrap
Description
text-decoration
text-decoration-color
text-decoration-line
text-decoration-style
text-shadow
text-underline-position
Font Properties
Property
Description
@font-face
A rule that allows websites to download and use fonts other than
@font-feature-values
font
font-family
font-feature-settings
font-kerning
font-language-override
font-size
font-size-adjust
font-stretch
font-style
font-synthesis
font-variant
font-variant-alternates
font-variant-caps
font-variant-east-asian
Controls the usage of alternate glyphs for East Asian scripts (e.g
font-variant-ligatures
font-variant-numeric
font-variant-position
font-weight
Description
direction
text-orientation
text-combine-upright
unicode-bidi
writing-mode
Table Properties
Property
Description
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Description
counter-increment
counter-reset
list-style
list-style-image
list-style-position
list-style-type
Animation Properties
Property
Description
@keyframes
animation
animation-delay
animation-direction
animation-duration
animation-fill-mode
animation-iteration-count
animation-name
animation-timing-function
animation-play-state
Transform Properties
Property
Description
backface-visibility
perspective
perspective-origin
transform
transform-origin
transform-style
Transitions Properties
Property
Description
transition
transition-property
transition-duration
transition-timing-function
transition-delay
Description
box-sizing
content
cursor
icon
ime-mode
Controls the state of the input method editor for text fields
nav-down
nav-index
nav-left
nav-right
nav-up
outline
outline-color
outline-offset
outline-style
outline-width
resize
text-overflow
Description
break-after
break-before
break-inside
column-count
column-fill
column-gap
column-rule
column-rule-color
column-rule-style
column-rule-width
column-span
column-width
columns
widows
Sets the minimum number of lines that must be left at the top
occurs inside an element
Paged Media
Property
Description
orphans
Sets the minimum number of lines that must be left at the botto
break occurs inside an element
page-break-after
page-break-before
page-break-inside
Description
marks
quotes
Description
filter
Description
image-orientation
image-rendering
Gives a hint to the browser about what aspects of an image are mos
the image is scaled
image-resolution
Specifies the intrinsic resolution of all raster images used in/on the e
object-fit
object-position
Masking Properties
Property
Description
mask
mask-type
Speech Properties
Property
Description
mark
mark-after
mark-before
phonemes
rest
rest-after
rest-before
voice-balance
voice-duration
voice-pitch
voice-pitch-range
voice-rate
voice-stress
voice-volume
Marquee Properties
Property
Description
marquee-direction
marquee-play-count
marquee-speed
marquee-style
CSS Selectors
In CSS, selectors are patterns used to select the element(s) you want to style.
Use our CSS Selector Tester to demonstrate the different selectors.
The "CSS" column indicates in which CSS version the property is defined (CSS1,
CSS2, or CSS3).
Selector
Example
Example description
.class
.intro
#id
#firstname
element
element,element
div, p
element element
div p
element>element
div > p
element+element
div + p
element1~element2
p ~ ul
[attribute]
[target]
[attribute=value]
[target=_blank]
[attribute~=value]
[title~=flower]
[attribute|=value]
[lang|=en]
[attribute^=value]
a[href^="https"]
[attribute$=value]
a[href$=".pdf"]
[attribute*=value]
a[href*="w3schools"]
:active
a:active
::after
p::after
::before
p::before
:checked
input:checked
:disabled
input:disabled
:empty
p:empty
:enabled
input:enabled
:first-child
p:first-child
::first-letter
p::first-letter
::first-line
p::first-line
:first-of-type
p:first-of-type
:focus
input:focus
:hover
a:hover
:in-range
input:in-range
:invalid
input:invalid
:lang(language)
p:lang(it)
:last-child
p:last-child
:last-of-type
p:last-of-type
:link
a:link
:not(selector)
:not(p)
:nth-child(n)
p:nth-child(2)
:nth-last-child(n)
p:nth-last-child(2)
:nth-last-of-type(n)
p:nth-last-of-type(2)
last child
:nth-of-type(n)
p:nth-of-type(2)
:only-of-type
p:only-of-type
:only-child
p:only-child
:optional
input:optional
:out-of-range
input:out-of-range
:read-only
input:read-only
:read-write
input:read-write
:required
input:required
:root
:root
::selection
::selection
:target
#news:target
:valid
input:valid
:visited
a:visited