Search
Write a publication
Pull to refresh

Мечты: удобные Width и Height

Однажды, во время разговора с моим другом наш разговор зашёл о CSS. И совершенно случайно, он предложил идею, которую, я считаю, вполне удачной, чтобы W3C использовали её для новой версии каскадных таблиц стилей. Это было некое правило, по написанию WIDTH и HEIGHT, которое, по аналогии, записывалось бы примерно как MARGIN и PADDING.

Все знают, что для записи ширины элемента мы используем параметр width, для записи минимальной ширины — min-width, а для записи максимальной ширины — max-width. Идея заключается в том, чтобы совместить все три параметра записи ширины одной строкой, так же, как это делается, к примеру, с параметром margin.

Всё просто и ясно, к примеру, вот такую запись:

width:1024px;
min-width:800px;
max-width:1600px;


Мы заменим на такую: (три значения выделены разными цветами, для более ясного восприятия)

width: 800px 1024px 1600px;

Которая имеет такую модель: width: min-width, width, max-width;

В случае если нужна обычная ширина то просто можно написать как привыкли:
width:1024px;

В случае если нужна ширина и максимальная ширина, то пишем:
width:none 1024px 1600px;

Аналогично можно поступить если нам нужна минимальная ширина и ширина:
width:800px 1024px none;

Такую же систему можно было бы использовать и с параметром height.

Я бы к примеру с удовольствием использовал такое решение во время верстки.
Tags:
Hubs:
You can’t comment this publication because its author is not yet a full member of the community. You will be able to contact the author only after he or she has been invited by someone in the community. Until then, author’s username will be hidden by an alias.