Genies Hour (5)

CSS Border
Know

CSS Border Properties

The CSS border properties allow you to specify the style, width, and color of an element's border.

                                                          What I have learned?
  • dotted - Defines a dotted border
  • dashed - Defines a dashed border
  • solid - Defines a solid border
  • double - Defines a double border
  • groove - Defines a 3D grooved border. The effect depends on the border-color value
  • ridge - Defines a 3D ridged border. The effect depends on the border-color value
  • inset - Defines a 3D inset border. The effect depends on the border-color value
  • outset - Defines a 3D outset border. The effect depends on the border-color value
  • none - Defines no border
  • hidden - Defines a hidden border

                What problem do I foresee happening?

Forget to put down the color border:1px solid #ccc;

How can I solve than now?
check every time to see if the website show anything

 What is happening that you did not expect?
To be honest, there is nothing that happened out of my control.

 What is the best thing that happened,why?
When I saw my codes becomes an actual website and appeared on the chrome where it is showing it's effects.


A dotted border.
A dashed border.
A solid border.
A double border.
A groove border. The effect depends on the border-color value.
A ridge border. The effect depends on the border-color value.
An inset border. The effect depends on the border-color value.
An outset border. The effect depends on the border-color value.
No border.
A hidden border.
A mixed border.

Comments

Post a Comment

Popular posts from this blog

Genies Hour (10) CSS - Multiple Backgrounds Know CSS  Multiple Backgrounds  Properties background-size background-origin background-clip                                                             What I have learned? Property Description background A shorthand property for setting all the background properties in one declaration background-clip Specifies the painting area of the background background-image Specifies one or more background images for an element background-origin Specifies where the background image(s) is/are positioned background-size Specifies the size of the background image(s)                  What problem do I foresee happening? It is still quiet hard for me to remember the mixed form of background. background:color url()...
Read more
Genies Hour (2) HTML- Iframe ,block Know The <iframe> creates an inline frame, which embeds an independent HTML document into the current document. <div>A block-level element always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can). What I have learned? Block level elements in HTML: < address > < article > < aside > < blockquote > < canvas > < dd > < div > < dl > < dt > < fieldset > < figcaption > < figure > < footer > < form > < h1 > - < h6 > < header > < hr > < li > < main > < nav > < noscript > < ol > < output > < p > < pre > < section > < table > < tfoot > < ul > < video >
Read more