Reset css property value ?

Question

I have a page which uses a css file which has

html 
{
 width:100%;
}

However when that page in Iframe - it causes x-scroll.

enter image description here

But - If I remove the width attribute ( via chrome developer toolbar) OR set an invalid value like '' - it's getting fine :

enter image description here

Question :

Is it Ok to do this : ( in order to reset the value)

<head  >
      /*The original css file - I dont want to touch it*/
       <link href="<%= ResolveUrl("~/Css/style.css") %>" rel="stylesheet" type="text/css" />

    <style type="text/css">
    html
    {
        width: '' !important;
    }
    </style>

p.s.

No js solutions please.

set margin and padding as 0

Pranav C Balan
– Pranav C Balan

2013-12-26 14:04:55 +00:00
Commented Dec 26, 2013 at 14:04 — Pranav C Balan
– Pranav C Balan, Commented Dec 26, 2013 at 14:04
@Pranavc not working. i.sstatic.net/MCunf.png

Royi Namir
– Royi Namir

2013-12-26 14:09:33 +00:00
Commented Dec 26, 2013 at 14:09 — Royi Namir
– Royi Namir, Commented Dec 26, 2013 at 14:09

DaniP · Accepted Answer · 2013-12-26 14:05:22Z

2

In order to reset that value you have to use the default one for width:

html
{
    width:auto;
}

Also is not necessary to use the !important declaration.

answered Dec 26, 2013 at 14:05

DaniP

38.3k9 gold badges68 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Royi Namir Over a year ago

Regarding your second line , you said it becuase it comes "after" the original declaration( so it will win) ...right?

DaniP Over a year ago

@RoyiNamir Is correct if the other style is called by a CSS file or comes "before" this one isn't necessary the important

Collectives™ on Stack Overflow

Reset css property value ?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related