CSS Border – Individual Sides
From the examples on the previous pages, you have seen that it is possible to specify a different border for each side.
In CSS, there are also properties for specifying each of the borders (top, right, bottom, and left):
Example
p {
border-top-style: dotted;
border-right-style: solid;
border-bottom-style: dotted;
border-left-style: solid;
}
Result:
The example above gives the same result as this:
Example
p {
border-style: dotted solid;
}
So, here is how it works:
If the border-style
property has four values:
- border-style: dotted solid double dashed;
- top border is dotted
- right border is solid
- bottom border is double
- left border is dashed
If the border-style
property has three values:
- border-style: dotted solid double;
- top border is dotted
- right and left borders are solid
- bottom border is double
If the border-style
property has two values:
- border-style: dotted solid;
- top and bottom borders are dotted
- right and left borders are solid
If the border-style
property has one value:
- border-style: dotted;
- all four borders are dotted
Example
/* Four values */
p {
border-style: dotted solid double dashed;
}
/* Three values */
p {
border-style: dotted solid double;
}
/* Two values */
p {
border-style: dotted solid;
}
/* One value */
p {
border-style: dotted;
}
The border-style
property is used in the example above. However, it also works with border-width
and border-color
.
44 Responses
buy levofloxacin 250mg online levaquin 250mg cost
dutasteride uk zofran 4mg tablet ondansetron 8mg oral
purchase spironolactone generic purchase valtrex pills buy fluconazole without prescription
cost ampicillin 250mg buy bactrim 960mg generic cheap erythromycin 250mg
fildena 100mg usa nolvadex tablet buy methocarbamol generic
suhagra 50mg oral suhagra brand buy generic estrace 2mg
lamotrigine order order lamotrigine online cheap buy tretinoin for sale
buy tadalafil 10mg generic voltaren 50mg sale buy diclofenac generic
isotretinoin 10mg for sale order azithromycin 500mg pills buy zithromax sale
purchase indocin sale buy suprax 200mg online cheap order amoxicillin online
tadalafil brand name Buy viagra no prescription sildenafil 50mg pills for men
arimidex 1 mg us arimidex ca cheap generic viagra
acheter 10mg cialis en ligne viagra 100mg en france generique sildenafil 200mg
deltasone 20mg us order deltasone 5mg sildenafil australia
tadalafil 5mg kaufen ohne rezept viagra fГјr frauen original Viagra rezeptfrei sicher kaufen
buy isotretinoin sale order generic stromectol 3mg ivermectin 50mg/ml
order doxycycline buy clomid generic purchase lasix for sale
altace order order altace sale astelin online buy
catapres uk order tiotropium bromide 9mcg online buy tiotropium bromide pill
buspirone 10mg oral ditropan 5mg ca buy oxybutynin 5mg generic
order terazosin pills azulfidine without prescription generic sulfasalazine
alendronate cost motrin pills famotidine for sale
benicar 10mg uk brand benicar 10mg buy diamox 250mg online
tacrolimus for sale cost ropinirole 1mg cost ursodiol 150mg
imdur us buy imdur 20mg buy micardis 20mg sale
molnupiravir buy online molnunat 200 mg ca buy lansoprazole 15mg pill
buy sertraline 50mg pill Overnight viagra purchase sildenafil pill
imuran uk buy generic protonix 20mg sildenafil overnight
order generic tadalafil 5mg fluoxetine 40mg price viagra pills 100mg
buy cialis 20mg without prescription cialis ca amantadine for sale
naltrexone generic revia price buy aripiprazole online
dapsone 100mg uk allegra 120mg generic perindopril 8mg sale
buy medroxyprogesterone generic buy medroxyprogesterone 10mg online order generic cyproheptadine 4mg
order generic modafinil buy stromectol 12mg buy oral stromectol
fluvoxamine 100mg price purchase fluvoxamine online cheap glucotrol 10mg uk
buy isotretinoin 10mg online buy amoxil 1000mg online deltasone 40mg pill
purchase piracetam viagra without prescription buy viagra 100mg generic
order azithromycin 250mg generic buy prednisolone pills neurontin 800mg pills
buy cialis 20mg pill tadalafil for sale sildenafil ca
order lasix pill purchase furosemide for sale plaquenil 400mg pill
cheap cialis 5mg buy betnovate online cheap buy anafranil 50mg online cheap
buy cialis 5mg pill betnovate 20 gm usa buy clomipramine generic
free dating without registration good free dating sites dating site free
online best online dating site
DonaldKat
https://xn—24-7-3vebahb3baz2czbsdzdf9b3a4x.xn--p1ai/
https://xn—24-7-3vebi7a0c8ajhwdyl9mh.xn--p1ai/
https://xn--24-7–3vefjh5cxa7amcku4ap.xn--p1ai
https://xn—-24-7-2nfbpd5dza0bncg0a6al.xn--p1ai
https://xn—-24-7-3nfzigf2folbfai2a2a8d2e3c.xn--p1ai
https://xn—24-7-4vevhge6enkbeai0a1a5dye2c.xn--p1ai
https://xn—24-7-3vebnd9cxa7amcgy4al.xn--p1ai