Jump to content
  • 0

Свойство display


DivMan
 Share

Question

В спецификации написано, то что у свойство display, присваивается значение по умолчанию inline. Тогда почему нельзя просто написать свойство display, а значение оставить пустым?

<ul>    <li>категория</li>    <li>категория</li>    <li>категория</li>    <li>категория</li></ul>
li{    display:;}
Link to comment
Share on other sites

11 answers to this question

Recommended Posts

  • 0

Вы же в туалет можете ходить без головы? Почему тогда вам нельзя ее оторвать и ходите тогда в туалет без нее.


Если совсем не указывать свойство display, тогда у блока по-умолчанию будет inline. Если это не блочный элемент конечно. Как то так вроде.

Link to comment
Share on other sites

  • 0

по умолчанию inline - если для li вообще не указан display

у li по умолчанию не инлайн, а displaylist-item;

извиняйте, посмотрел на код ТС и на текст, как-то связались они у меня :)

Edited by Switch74
Link to comment
Share on other sites

  • 0
В спецификации написано, то что у свойство display, присваивается значение по умолчанию inline. Тогда почему нельзя просто написать свойство display, а значение оставить пустым?

у каждого элемента есть дефолтное отображение(display). Если вы пишете это свойстве к элементу, значит вы хотите менять дефолтное значение на другое,  указание этого свойство без значения, либо не даст ничего, либо приведет к ошибке. Синтаксис css  уже не помню. 
  • Like 1
Link to comment
Share on other sites

  • 0

Не обязательно помнить синтаксис CSS, достаточно проверить код на наличие грубых ошибок валидатором, который в данном случае выдаёт следующее:

Value Error : display Parse Error :

 

То-есть указание CSS-свойства без значения недопустимо.

  • Like 1
Link to comment
Share on other sites

  • 0

С другой стороны, ошибочные (как и вообще любые неподдерживаемые данным браузером) значения по стандарту же игнорируются, так что с точки зрения результата утверждение «такое указание свойства ничего не даст» тоже верно:)

  • Like 1
Link to comment
Share on other sites

  • 0
с точки зрения результата утверждение «такое указание свойства ничего не даст» тоже верно

С точки зрения результата, если не ошибаюсь, указание свойства без значения даст ошибку парсинга, в результате весь оставшийся css-код в файле, находящийся после строчки с ошибкой, может быть проигнорирован.

 

Хотя пример показывает обратное, будет проигнорировано только неверно указанное свойство.

Link to comment
Share on other sites

  • 0

С точки зрения результата, если не ошибаюсь, указание свойства без значения даст ошибку парсинга, в результате весь оставшийся css-код в файле, находящийся после строчки с ошибкой, может быть проигнорирован.

 

Хотя пример показывает обратное, будет проигнорировано только неверно указанное свойство.

 

Так и должно быть. Игнорируются ошибочные правила, на остальной код это не влияет. Очевидно, если парсер может определить, где закончилось ошибочное правило.

 

То есть опечатка в имени свойства или неправильное значение приведут к тому, что пропущено будет только это правило. А вот ошибки с точками с запятой и фигурными скобками могут привести к более серьезным последствиям.

 

Но приблизительно то же самое сказали комментарием выже. Просто хотел обратить внимание, что это не случайность, а определенное и задокументированное поведение.

  • Like 1
Link to comment
Share on other sites

  • 0

Извиняюсь за использование чужой темы)).

 

Уважаемые профи объясните на пальцах: в чем разница между display: block и inline-block, для div. Хром говорит что divы по умолчанию блочные элементы, но когда я вставляю 10divов в обертку, обертка не растягивается по верх них автоматически без указания 100%высоты. А если дивы обозвать строчно-блочными то обертка их тютелька в тютельку обтекает и растягивает свой фон как надо.

 

Но вот если честно пытаюсь понять зачем блочные элементы понижать до строчных или пополам.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy