3

Valuo proporty
Pitiostlblor lot oY inst- Boloctor
bynta
Fxample
clomont
fst tavgzt coil
Contont otto
-lottor 1.FiYst
maikot
aftor
fove bo
doloctlon
line
-loto)
lettoy tist
6type has
fHopvkValuo
:Pscido- oc
tor Geldyntax
oleentf
part dpaciic >
oo ittagel to it
nl psoudo myorbnt ThiS)
target uoil! dt
doroont part apocifie
Sr)ETOR
 Erample

Aoloctos :fnst-liro
propo ty iValuo,

&8olocticn
tohonovor doat

Contont
Fxarnple
oyntax
P :SolocHion
dolec toy doloction
bq-C: Yoloo;
Paopoyty :Value
tolor :7d

PosTTI ON PROPERTY

Uant position olornent aneyuo

tocbpage positon
positon is stat
dofautt Valuo
nnol mo
y olo ront is Stotic 0
Can 9. typos
) Absouto

) Rolativo.
 ayntar.
TdativoI
:Valuo : Posifion hbsoluto oy
Pepevty

ABSOLUTE olornont o
otavt positions tho

Jrno
magirany

Positibn Absoluta

RELATIVE clernont rom pacnt

dts
8tavt posi tontng
ine

Posi ion olative

Bovdos ing
) BErORE
Can bo LISCd to Insox

bofoyo tho tontont an clornont Contont

SwTAY
Qaloctoy::tcforo
Psopesty valuo
2

Hoxo rton! roeaty

Contont

FX AMPE
h:: bofbro
eontont M 9

bovde | px 3olid backs :

Position : absoluto

ight J5O pI;

bordor - bottom - Shulo : nono

5. AFTER
Chomo CObtont astoy
Can bo tscd inort

tho Contont
olonont

Exampk
dynta
n':asto
Bcloctoy astoy
Contont n
Psopontyg valuo; bor doy pr Qolid block
Position . absoluto

top 40 p
NoTE contont paco uo

hl boforo

tontont wil (Sahnplb . ipa):

8)MARKER

* ts acl on list itoms

ul chorce otov f bultotinc
Example
ayntar
matkorf ul > t ; maiko
dolecto
Psopevty Valuo ;
font gizo: X*
2 -ligo;
NOTE:

list -of -typorongs:ooiy ke blotgs

3
bom

Pseudo class Soloctox Psoudo olernont oector

*sts assist tho boloctton

oxpYOSsod
which cannot bo paxt elemont
bq dimplo lecto
tUse doatlo
dirgla
Color
toloy [:J
has 6 typos
* has 8 typos
1 fost-le tor
2fsf-liro
olkchioo
 1. link
9. visilod 6 Maskor
8. activo
d hovor
4) sauttoza
20y olehoni Pc
D
st -chid
enabbd
3 last -child
) disabao
3)9) hh_child

Dad usito
5) last -of - tpe
6) otus 6) hhoftypo
-
) Valid

TEXT PROPERTY
Its oYk on

On cookpage
8VNTAX
:Valuo
Propoty
Horo have

J. Coioi
d. tout - aln
toxt shadoe

toxt docoraton

5 foxt - tanstox m

6 tovct - incontont
1. letox - pocing
 8- line - oight
font-dize

font
fonl wcight
fontstylo
12
Varont
ont -
13
J4. fott-ovolous
otd Spaing
e 6. co color
tho
totciange
to Coloy
CASod
Jts

the text
Example0

Coloy :10d,
Qelecto f
(oloY . Faloluo

TEXT-
AL1GN
toxt
(ontou ight , lot
9

Hovo

) Contor

) Rgnt
 Golecoy
foxtalign Value;

Example
PE
toxt-align com; toxt align loft. tozt align ht

Contont tonfon t tis is cocbt

3TEXT -SHADo0
CYcato ahadou of tort
X and Y anis.
hove
ucbpoge
8YNTAX

Goloctoy -opti onal

tott - Shodo :Yazis Yavis oloy ;9

ExAMPLE
P
IPI IPx black ;
toxt - hodpw

Cot as Yaxis are

on
daxis
moYos

mako blue).
ohodo Colo

TEXT - DeoRATLON
cnhancao tost on
Hoxo oo isca moo
ort
Ii ko
uobpage
 has d thngs
D Cndoulne

) Jinothyough.

Bolochos
'Valuo;
-decoxaton
fozt

EXAMPLE

Hon'Ovoiltnotyt-docoaicn bra
dotova
on tion :urndeno toxt 2
thouch
Contont Jhis 8 tentent
This is
This (3 Contont

b) tezt-fransfosm tet locoYCASO

ransform tho
ais ike into
locaicaso
Upporcaso
and
so
uppesca
into
havo thigs
Horo
L. UppeiasO lowovcaso

2. JowoY CASO
Copital
Fist lbt bo
8 Capitalize
SyNTAX.

Goloctoyf

fanstormValuo
tott -

2
6) toxt Indont
its hao BomO
 obonooy (ISO
Cooton
will
Aos\ -on
dynta doketoy f
fext indont Valuo : tootont
this s
Cooton
JETTER SPRCNG

havng
botwocn
oach lotoc
blatoy
SVNTAX Value ,

SPPCIN,
WORD otucon onch wod
having
lino
(Ont cott Contont
SYNTAX orm

ine -heighl : aluo;

3

q) joNT -SIZE
tho
to

SYNTAX
Bolocto
font - izo :Valuo ;

havo

laigo xx_lago
Omalo
lavgor
X-amall
*modicam
 apociHio s font tosl
farniy
dont

Horo
Corif
âorf.
sang

Gelccto
YNTAY
font -
family

thickno5s offoot
hErGHT
FoNT - 0
I)
100-qO0
havo
No ha
told
boldoy

solctoY
SyNJAX' font.-cooiqht : Value,

)foNT-VARIENT tort on
tho
Luani display
-caps poopo ty
Small
tuobpagoiaotvo homal tal
n
foxt / nt
SINTAX Boloctov
jent-vaviant:
SMAL CCnvo all towovcaso to

trpevcas0 tottox apoas

ond convortod
to
(ompaso

Cmalle
in toxt
w)fony arient the toxt
Liant cigpla
hñ
propos ox hot
Small - caps
Caps
wcbpage toxt / font in nosmal
mal hub
dlefault
Er

Syntax
Sobctor font -Vavionl `natl- ap
font-Vaniont Valuc;

Small - Caps
louwo Caso letter nto
conveit all

ard tion
convovtod Uppecase
uppercaso le tors
its Saller font ize (ompaiç
lettovs appoas
lettos toxt
to
Oriqual uppercaso
Content 2
lg
Thig
(ontont . This

CONTENT I. THIS ls CoNTENT 2

IHIs IS
 TortOvordloo

Eloent Contont dbosn'H Sit clomont box

(ISO to coDtvol OvorflouD Contont
haro
Hove

). els
ovispsis
nood 9 lmpostant
aboYo
To.

propexttos.
White - Spaco
oxt. will never app Vax tn hot no
Oenflbw hidden ;
LOrofbD hicdon oill hido the Contont

Backqyaul Paguly
Can
Backgpourd
Gatkgyourc inge
*
Eastground
BACK&ROUND IMPGE
S2t image as berkaoad to

Hoyo

wcbpage.
Height/, mini mum is mpoatant to
Hero

PROPERTIES
 ) Batkqnound vopoat

) ackqvoucd -atachncnt
6) Facg1outod -clip.

US2 wvlqive path (rclative absouto)

Exrmple
s
dv to show
1o0 vh ;Imp
hoight
to/ Relatve Pat ");
bockncund.inage ul CAbsut
3 halp
backgrourd -inage
,With
îmage tb

To gire multçle imop.

Path 2), txl ("
unl C
unl (Pathi )
backqscurd -image
3
Shoud
a) Brckguourd -xpoat obpoge
default

bo to
avoid hat
7epoatocd
havo
Hoxo
1. no -10peat

2. opeat
 3) epoat

) opoat-yi Lapant onlg vatralty)

[Yopoat and ciuckeexo to
) ond ll Sparo cho aps

backqnound imog
tho
spocifg
things
wo havo H
batk
Same
2) Covoy
Oxginalrogg,
3) Contan ’ 00px
30 Px
) Explicity Dovcloço (o

Backqvourc - position
) on ucbpage
Position image (ento, bottor
, ight ,
COmbination o top left

Contor right
loft
Centor anter right
|Contoy

bottom botby
botom
Centor

Ex PMPLE Sots ohothor

Hfovo paoporty
Tut
paqo
&iol!oith scrollod oith obpage

. fxodyimqo
Scvo lling.
idth PROPERTY
FEl6HT
NTH Content
cdae CONTENI
-80x. PADDING
-80X BORDER
-80X
Bckenournd-clup) div ExCmple
* backqvour
-atachmentSvold l;
Hs Its Its tode
uoicth
thonand
backgvcundimago Horo
any ocupyng
Stant ouping
orts cefault . "
07
ptig Contont bordoy ,
clemont
Valuo.. koco - - have (ontont
-box box box whoxe
from from dolull 3
thirgs bacqraurd boclqocuc3
Cotent coq
sa of
fo to borck
 havo proportos.
Hovo
Dmin -hoight
9) haight ak
) max -haight
) wiztth
width.
5) min -
width
6) max -

SVNTAX
&olector
: Value
Popovty
oictth propoihy
heigh
3
element
henht
) min - By defautt
to tto
at height
boight is our
min -height contont

min,height
elenont mun height thats
Bor anty
but
Contont hoight
nothng mp hoight means

haight
basod 6r'otont heighl
fnucauoc -min

ExCmplo
This is

back; (on tont pge

bordo : Ipx solid
20p;
min - hoight :
3
 ovorflous
leioh
opextg. an
p S
timo
trat Yaluo
ovovflouovalue.
is
oYoflouo
}toxt
Content 3 (ontont
this
static
is height
the
Conto

back; hovo
default :Vauo;
OvOYSlo
)&oll3)Hidden
blio timo prefosty
tho
t'en P
:I this
By* give *By
fSolecto
HEIG1
9) bordoy Ovovi Cverdlou :Syntax
clopnt * EX
AMPLE low Ovevflouw
P 3
 Samo as hoight hoxo alco
OvOYfloco /Con tont ororf low
(ontonl
tox
hoight is static
Hoyo abo
also

EXAMPIE: This is
contonl that hero
jlou
Solid back; got conont ovor
bodo 1P
mai hoigt
3
Lidth aplianbo Som blcck
A.Mn- fs notintino levol olemont
wotl as
lovel elemont as cbropt
for nlino block
-
applicablo
îs appictu
JtIs
and mako elorncn
that
displauy popouty
inlino bloce
displayac as
not applicablo
block lovel olenont ard
Pancgaph Con tont
width of
the
Pts actupy a inlio orol oloont
i8

Contont tdth
Ths ocupy only foy
Can' uso mo - wdth
dafaut
that (BocnuaO it ocupy having
mo- wicth)
 hat is inltno Hock
Hs dlispau the Contoni

instood of Yovticattye
5)

Compoo toci_pay -inliro

disoknco % that diga : inlino doct

to
oidth ard beight n
)
<P) Thig is tonlont <IP>/fsdisplau inline
oer ont
pyThig i Contonl (or)
display iinline -block

Conmpre to cisplauy
diforonceis that dispau inlioo -bock j
ling bak aSto tho dloment thonio derent
noxt to othey eemenl r

span, San1 kpan> dgpay beck

(ov)

digplas inline -blok

i8 important
mn - width (o) wdth

ExAMPIE

bordo : IPz 8oliod black &

: inline -block
digplay
min -uDid th :400 pr
6)Width g've width

oidth rotos t
tion
docuvnont is fzod
* Width
moo
contont tion gvon
give
oill fncaoasod
cwdth
moans leight
EX
MPE

solicl black
borclor ) Pr

heght ucth
6)man - 8amo

oidth
also
* Hoo

ExAMPIE:

back
bovdoy :IPz 8olid
t50 ;
maz-idth

faagaph tag s hoodigtop taqbotomby

NOTE

values
Somo defautt mavgin
has
EXAMPLE
back )
K
div> boxder : Pz Aolid

Hack;
displa :jnlito -
<ldiv>
2
 dispag
lro
iniand
isparo line
Valuos)
Valu
Somantc totbm, blat, bottom R
font
on
Solid modal
no
spaco
, lPx top
top fSochonbordoy: contont
-
P2 manqin
manqin to top
m
boto
B

lavhcol
Al<
Kottdo> (oxtrdlo havo want
lahclo
A3
*Bur doloutt spaC2
no doasn' t'on
41 MoDEL
Box
<Sochion <Isatony ît html
havo Iso
 Consisl
) Maqin
) Pasdirg
) Bordor

boder and Cor

Conton t.
oomont
PeDDINGI botuoon
8pace
lts
Contont
KD) Contonl

back,'
8clid
boydoy P x

havo H
Horo this
hard proporty
top
) fadsing- Shost
)
Padding- latt
Right padiog
) Podding -
Padding -Bnthm don't
)
padting
oivn wdth

osolatos
Proport Valio;

EXAMPLE
pating - toþ 5o P,
P
podding - bfl :o pa,
patding -viaht p,
 Can USO bko

top Rig bt eotom

Padding 95 p
fop 19R BoHom
95px 25 px
fodting tB 14R
H5px
Padding
TARAL B
i
Poddi ng
NOTE
In torviu thoy
qsk padding blt os
Bottom Ioft
TOP Right
Poóding
MaRGIN
lino and clomoai
botwcon
Spoco
USO

D Mawqn - top
) Marqin - botom
Shoyt band pzopos ty this
B) Mangio -vight Mangin
4) Margin Lott
SyNTAX
Solecto

manqin Valuo ;

Eramplo
P
5opx (os) mangto -bottom h0o px,
mangio