Skip navigation
Currently Being Moderated

css style rule keeps disappearing from firebug css panel

Feb 21, 2012 6:32 AM

Hi Guys

 

I'm playing around with firebug to see how certain changes to the CSS would look on my site. However, when i insert a new style element, once i press enter, it disappears. This is the rule:

 

   .avPlayerWrapper {

    clear: both;

    display: block;

    float: left;

    text-align: center;

    border:2;

    }

when i insert the "border:2;" element , as soon as i press enter it disappears.

 

Does anyone know what may be causing this?

 
Replies
  • Currently Being Moderated
    Feb 21, 2012 8:50 AM   in reply to ossaioputa

    Try border: 2px solid;

     

    In other words, define the units and set a border-style.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 21, 2012 4:21 PM   in reply to ja3754

    @ja,

    That's only partly correct.

     

    To work in all browsers, the border shorthand property requires 3 attributes:

    • width (medium, thin, thick, or a number value in px or em),
    • style (dashed, dotted, double, solid, inset, outset, groove, ridge or none)
    • color (either #hex or rgb).

     

    This is valid code:

     

    #divName {

         border: 2px solid #000;

    }

     

    And this is valid:

     

    #divName {

         border: thin dotted #000;

    }

     

    For more on CSS Borders:

    http://www.w3schools.com/css/css_border.asp

     

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

    http://twitter.com/altweb

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 22, 2012 2:22 AM   in reply to Nancy O.

    I think only the border-style property is required, the others will fall back to default values.

     

    From the page you linked to:

     

    "It does not matter if one of the values above are missing (although, border-style is required), as long as the rest are in the specified order."

     

    Also see number 3 here.

     

    But I agree, it's a good idea to get in the habit of specifying all three.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 22, 2012 1:08 PM   in reply to ja3754

    "To work in all browsers..."   I'm finding that newer browsers are much less forgiving of shorthand omissions.

    Just saying...

     

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points