CSS Outline
An outline is a line drawn outside the element’s border.
CSS Outline
An outline is a line that is drawn around elements, OUTSIDE the borders, to make the element “stand out”.
CSS has the following outline properties:
outline-style
outline-color
outline-width
outline-offset
outline
Note: Outline differs from borders! Unlike border, the outline is drawn outside the element’s border, and may overlap other content. Also, the outline is NOT a part of the element’s dimensions; the element’s total width and height is not affected by the width of the outline.
CSS Outline Style
The outline-style
property specifies the style of the outline, and can have one of the following values:
dotted
– Defines a dotted outlinedashed
– Defines a dashed outlinesolid
– Defines a solid outlinedouble
– Defines a double outlinegroove
– Defines a 3D grooved outlineridge
– Defines a 3D ridged outlineinset
– Defines a 3D inset outlineoutset
– Defines a 3D outset outlinenone
– Defines no outlinehidden
– Defines a hidden outline
The following example shows the different outline-style
values:
Example
Demonstration of the different outline styles:
p.dotted {outline-style: dotted;}
p.dashed {outline-style: dashed;}
p.solid {outline-style: solid;}
p.double {outline-style: double;}
p.groove {outline-style: groove;}
p.ridge {outline-style: ridge;}
p.inset {outline-style: inset;}
p.outset {outline-style: outset;}
Result:
A dotted outline.
A dashed outline.
A solid outline.
A double outline.
A groove outline. The effect depends on the outline-color value.
A ridge outline. The effect depends on the outline-color value.
An inset outline. The effect depends on the outline-color value.
An outset outline. The effect depends on the outline-color value.
41 Responses
buy levaquin 500mg without prescription purchase levaquin
purchase dutasteride sale avodart 0.5mg pill purchase zofran pill
spironolactone online fluconazole 100mg uk diflucan 100mg drug
ampicillin 500mg drug trimethoprim tablet buy erythromycin online cheap
sildenafil brand nolvadex 10mg without prescription buy robaxin online cheap
purchase tadalis generic purchase tadalis pill diclofenac 100mg us
accutane 10mg for sale buy isotretinoin 20mg online zithromax 250mg us
indomethacin 75mg canada terbinafine 250mg ca order amoxicillin 500mg pills
cheap cialis Buy cheap viagra now buy sildenafil 50mg online cheap
buy generic anastrozole Get viagra fast buy viagra
cialis 5mg gГ©nГ©rique viagra 25mg gГ©nГ©rique viagra en france
order deltasone 5mg without prescription deltasone sale buy sildenafil 100mg online cheap
cialis 10mg kaufen generika viagra für männer sildenafil 100mg generika rezeptfrei kaufen
buy isotretinoin 10mg isotretinoin price ivermectin 6 tablet
modafinil 200mg over the counter Cialis generic diamox 250 mg over the counter
generic doxycycline doxycycline 200mg cost buy generic furosemide 40mg
buy ramipril 10mg sale buy azelastine 10ml online cheap azelastine order online
cost catapres 0.1 mg order catapres pills tiotropium bromide 9 mcg cheap
buspirone pill amiodarone 100mg usa ditropan for sale online
hytrin usa purchase sulfasalazine generic order azulfidine online cheap
fosamax 35mg sale order famotidine 40mg generic famotidine 20mg canada
benicar without prescription order benicar generic acetazolamide 250 mg uk
prograf price urso for sale online urso oral
imdur 40mg sale order imdur 40mg pill buy generic telmisartan 80mg
bupropion brand bupropion 150mg drug order seroquel pill
molnunat ca naprosyn 250mg sale buy prevacid 30mg for sale
sertraline uk purchase sertraline cheap viagra for sale
salbutamol 100mcg brand order viagra 50mg without prescription sildenafil citrate
cialis 5mg sale buy fluoxetine 20mg generic viagra brand
buy tadalafil 10mg buy amantadine for sale symmetrel over the counter
buy naltrexone 50mg pills letrozole 2.5 mg uk purchase abilify generic
buy dapsone 100mg online cheap avlosulfon 100mg cost perindopril 8mg drug
provera 10mg cheap periactin online cyproheptadine 4mg usa
provigil 100mg price purchase modafinil pills ivermectin for humans for sale
fluvoxamine 50mg uk fluvoxamine canada order glucotrol 10mg online cheap
buy isotretinoin online order generic amoxil prednisone 10mg cheap
piracetam buy online order generic sildenafil 100mg sildenafil 100mg tablets
order tadalafil 20mg without prescription cialis without prescription viagra cost
furosemide 100mg tablet oral hydroxychloroquine 200mg purchase hydroxychloroquine sale
buy generic tadalafil 40mg anafranil without prescription buy clomipramine 25mg
chloroquine oral buy baricitinib buy olumiant 4mg sale