Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS CSS Layout Techniques Display Modes Column Layout with Inline-Block

kabir k
kabir k
Courses Plus Student 18,036 Points

Which 'initial' values?

In the media query styling, which 'initial' values are we referring to?

@media (max-width: 768px) {
  .main-nav li {
    display: block;
    width: initial;
    margin: initial;
  .main-nav {
    padding-left: initial;

1 Answer

Hi Kabir,

The initial keyword will set a property value back to its initial value as stated in the css specification.

Here's a handy table of css2.1 properties: http://www.w3.org/TR/CSS21/propidx.html

There's an "initial value" column among other things. This column will tell you the value that the property will be set back to if you use the initial keyword.

Some properties don't have an initial value. In those cases I think the value will be set back to the browsers default stylesheet.

kabir k
kabir k
Courses Plus Student 18,036 Points

Thanks, Jason. I thought maybe they mentioned the initial values in that video and I missed it.