Верстка, CSS, HTML, SVG

Вопрос из тестового задания по CSS.

CSS предоставляет ряд сокращённых свойств, которые позволяют задать значения для каждой из четырех сторон элемента. Что происходит, когда вы только поставили два или три значения к одному из этих свойств?
вопрос как я понимаю касается только значений для сторон.
например это значения такие как margin, padding, border ну и еще есть само собой.
при указании 1 параметра например margin:10px значение установится для всех ( 10px 10px 10px 10px )
при указании 2-х параметров например margin:10px 15px значение скопируется дальше (10px 15px 10px 15px)
при указании 3-х значений например margin:10px 15px 12px значение недостающей опять скопируется из соответствующего и станет 10px 15px 12px 15px

порядок указания- верх, право, низ, лево
соответствующие при недостающем параметре
низ=верх
лево=право

если вы указываете явно margin-left или margin-top и так далее, то не указанные просто не изменяются (остаются такими как были до этого правила)

например было правило margin:10px; которое установило отступ 10px для каждой стороны.
новое правило margin-top:15px; установит верхний отступ равным 15px а остальные останутся как и были 10px
если до этого не было ничего указано для данного элемента, то это не значит, что параметры равны нулю!!! например у body по умолчанию выставляется определенный magrin и его обязательно нужно обнулить если не хотите потом искать - что случилось и почему страница отходит от краев
Самардин Султаналиев
Самардин Султаналиев
3 240
Лучший ответ
Александр Алюев Вопрос больше по порядок указания сторон. Если параметрами для спозиционированого элемента задано top left. но не указано right bottom, что будет принимать браузер ?
Элемент будет отталкиваться от тех стенок (например если прописываем margin:10px 20px; ) где прописаны отступы и смещаться в те, где ничего не прописано. То есть код будет работать, только не будет операций на те части сторон
Зависит от самого свойства, например в Margin (отступ), если указать два значения, то первое значение отвечает за отступ сверху и снизу, а второе за отступ слева и справа. Три значение - первое для отступа сверху, второе для отступа слева и справа, а третье для нижней границы.
Такой же алгоритм будет применим и к иным сокращённым свойствам.
В сокращённом свойстве font есть два обязательных значения, остальные можно не указывать или указать частично и свойство будет работать, но если не указать обязательные (font-family и font-size) то свойство не сработает.
Dj Kap Dj Kap
Dj Kap Dj Kap
4 209