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;



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


Does anyone know what may be causing this?

  • 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


    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:




    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists

    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