0% found this document useful (0 votes)
25 views1 page

Cascade Style Sheet

This document outlines CSS properties for controlling font styles, text styles, background styles, border styles, list styles, table styles, selector types, pseudo-classes and elements, display types, flexbox properties, and column properties. Key sections include properties for fonts, text decoration, background, borders, lists, tables, selectors, pseudo-classes/elements, display, flex flow, flex items, box shadows, text shadows, and columns. Flexbox properties cover flex direction and wrap, justification, sizing, and alignment of flex items.

Uploaded by

med ahmed
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
25 views1 page

Cascade Style Sheet

This document outlines CSS properties for controlling font styles, text styles, background styles, border styles, list styles, table styles, selector types, pseudo-classes and elements, display types, flexbox properties, and column properties. Key sections include properties for fonts, text decoration, background, borders, lists, tables, selectors, pseudo-classes/elements, display, flex flow, flex items, box shadows, text shadows, and columns. Flexbox properties cover flex direction and wrap, justification, sizing, and alignment of flex items.

Uploaded by

med ahmed
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

font-size

font-family

font-weight bold

font-style italique

color

overline

text-decoration underline

line-through

text
text-indent

left

center
text-align
right

justify

letter-spacing

Lowercase
text-transform
uppercase

background-image

background background-color

margin 

padding

border-width

dashed

dotted
Borders
none

solid
It can be targeted individually
border-style double
border
groove Floating Topic

ridge

inset

outset

border-color

border-radius

disc

square

circle

decimal
list-style-type
lower-roman

upper-roman All are Regrouped under list-style

lower-alpha

lists upper-aplha

list-style-image 

inside
list-style-position
outside

top

vertical-align middle

bottom

text-align

collapse
border-collapse
separate

table right

left
caption -side
bottom

Top

border-spacing <length>|<length> or <length>

Balise p{}

multiple p,h1{}

universel *{}

classe .ClassName{}

sous-classe p.classname{}

identifiant #Red{...}
Selector
Descent a b {} 

Direct Descent a>b{} 

Direct Adjacent a+b{} 

indirect Adjacent a~b{}

Attribut E[Attribut="valeur"]

first-letter

pseudo-element first-line

Hover

link(not visited yet)

visited

pseudo-class  active

first-child

nth-child(n)

span

img

strong

Tag Of the type inline code

em

label

mark

content

padding
bloc
border

margin

Display inline

inline-block

flex

CSS3

FlexBox

row
Cascade Style Sheet
row-reverse

flex-direction column
those two can be summarized under flex-
flow
column-reverse

nowrap

wrap
flex-wrap
wrap-reverse

flex-start

flex-end

center
justify-content
space-between

space-around

flex-grow 

flex-shrink 
flex
flex-basis 

stretch

flex-start
align-item
flex-end

box-shadow 

text-shadow 

FlexBox

normal

word-wrap break-word

column-count

column-gap

column-width

column-rule-style
column
column-rule column-rule-color

column-rule-style

column-span all

none

vertical

resize horizantal

both

opacity value in between 0 and 1

order

left

float right

scale(zoom) or scale(zoom,zoom) 

rotate(angle)

transform skew(angle,angle)

translation(x,y) or translate (x)

transition-property

transition-duration

ease

ease-in

transition(mega-property) transition-timing-function ease-out

ease-in-out

lineair

transition-delay

animation-name

animation-duration

animation-iretation-count

animation(mega-property) reverse
animation-direction
alternate

animation-timing-function

@keyframes to define the animation

Used to
define
the new
font-face

font-family

src

@font-face{font description} font-style

font-weight

screen

print
media type
all

handheld

Condition can be  min/max width


@media condition{/* condition*/} support type
min/max height

landscape
orientation
portrait

transform-origin origin of the transform

auto
overflow 

You might also like