Google+ logo Twitter logo Youtube logo

Dimensions


Dimensions

In CSS we can specify dimensions with a couple of CSS properties. We're going to style a couple of DIV's (blocks) with CSS.



just a yellow block
just a yellow block
just a yellow block

In the example above we can see that we created 3 yellow blocks. (div's) With CSS properties width and height we're able to specify the dimensions of these "blocks".

With the CSS property border we're able to provide the "block" with a border. Here's a list with some CSS properties;
Property Possible value(s) Explanation
width examples: 100px, 200px, 382px Width in pixels
height examples: 100px, 200px, 382px Height in pixels
border example: solid 1px black
solid: stands for massive/solid (can also be dotted or dashed)
1px: the thickness of the border
black: the border-color


Comments (16) Post comment

  • Direct url YgqVW (May 21, 2021 @ 15:58)
    <a href=\"https://5bz.ru/\">áàçû îðãàíèçàöèé è ïðåäïðèÿòèé ðîññèè</a>
  • Direct url FwzPS (May 18, 2021 @ 09:10)
    Medicines prescribing information. Brand names. \r\n<a href=\"https://diltiazem4u.top\">cheap diltiazem online</a> in Canada \r\nSome news about drugs. Read information here.
  • Direct url JxuIT (May 16, 2021 @ 18:21)
    can you buy cialis over the counter <a href=\"https://topcialistabs.com/\">what doe cialis look like</a> cialis vs.levitra
  • Direct url IqcSQ (May 15, 2021 @ 18:31)
    cialis directions <a href=\"https://cialisortadalafil.com/\">generic for cialis</a> cialis 5mg price comparison
  • Direct url WolXV (May 15, 2021 @ 04:59)
    online pharmacy ezzz viagra <a href=\"https://sildenafilviagratop.com\">viagra without a prescription</a> taking viagra
  • Direct url BgoHV (May 13, 2021 @ 19:47)
    100 mg viagra <a href=\"https://edviagramaster.net/\">sildenafil 20mg tablets</a> viagra savings card
  • Direct url RuwPC (May 12, 2021 @ 22:27)
    receptionist cover letter <a href=\"https://writingacoverletteronline.com/\">writing a cover letter for a job</a> best resume writing service
  • Direct url XslIA (May 11, 2021 @ 18:34)
    marketing cover letter <a href=\"http://coverletterforresumetop.com/\">my site</a> references for resume
  • Direct url Kathrynpem (May 11, 2021 @ 15:50)
    is generic cialis available in canada <a href=\"http://tadalafilled.com/\">active ingredient in cialis</a> cialis doses
  • Direct url Martinapiepe (May 7, 2021 @ 12:47)
    viagra generico <a href=\"https://mysildenafilkr.com/\">over the counter viagra substitute</a> sildenafil 20 mg
  • Direct url Francesisoft (May 6, 2021 @ 18:35)
    female viagra cvs <a href=\"https://mrviagrashop.com\">viagra jokes</a> sildenafil 20 mg online
  • Direct url Rebeccagiz (May 5, 2021 @ 23:15)
    service your community essay <a href=\"http://writemyessayslfd.com/\">writing college essays</a> it service essay
  • Direct url StellaAnach (May 4, 2021 @ 02:23)
    how to write a 2 page essay <a href=\"https://topessaywriterfas.com/\">college entrance essay</a> topics to write a compare and contrast essay on
  • Direct url TiffanyNon (May 1, 2021 @ 21:31)
    when will generic cialis be available <a href=\"https://toptadalafiltabs.com/\">cialis 20 mg</a> cialis sample
  • Direct url JaniceCak (April 30, 2021 @ 16:07)
    cialis price walgreens <a href=\"https://mycialistabs.com/\">cost of cialis</a> cialis and high blood pressure
  • Direct url JwdYL (April 29, 2021 @ 18:53)
    Medicines information sheet. Effects of Drug Abuse. \r\n<a href=\"https://pregabalin24x7.top\">where buy pregabalin for sale</a> in Canada \r\nActual information about medicament. Read information now.

Leave a comment ...

Name (will be visible)
E-mailaddress (will not be shown)
Comment
Type the code illustrated below

Back to top