С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.63/8: Рейтинг темы: голосов - 8, средняя оценка - 4.63
278 / 272 / 106
Регистрация: 12.01.2016
Сообщений: 1,666
1

Свойство column свойства margin

18.04.2018, 23:29. Показов 1495. Ответов 6
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Есть свойства:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
p {
    column-count: 4; /*Количество колонок в многоколоночном тексте*/
    column-fill: balance; /*Определяет как контент должен рассполагатся в нутри колонок*/
    column-gap: 50px; /*Задает расстояние между колонками в многоколоночном тексе*/
    column-rule: 1px solid #999; /*Отрисовывает линию между колонок и определяет её параметры*/ 
    column-rule-width: 2px; /*Задаёт толщину линий между колонок*/
    column-rule-style: solid; /*Задает стиль линий между колонок*/
    column-rule-color: #444; /*Задает цвет линий между колонок*/
    column-span: all; /*Определяет как должен отображаться элемент в многоколоночном тексте - занимать ширину всех колонок или только одну из них. 
                        Это свойство применяют для заголовков текста или изображений, которые не должны разбиваться на колонки.*/
    column-width: 900px; /*Задает ширину колонки*/
    columns: column-width || column-count; /*Свойство которое позволяет одновременно задать ширину и количество колонок текста.*/
}
У этих свойств есть правила margin-before, margin-after и т.д. И вопрос, от куда берутся эти свойства, как они добавляются в браузер и почему их нельзя изменить (ведь они просто не определяются браузером, если задавать через обычные CSS стили, за то имеют метку "таблица стилей пользователя")?
Миниатюры
Свойство column свойства margin  
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
18.04.2018, 23:29
Ответы с готовыми решениями:

Свойство margin не срабатывает в FireFox
Что может быть, если свойство margin-right не срабатывает в Файр Фоксе? В Опере и Гугл Хроме все...

Свойство margin при float
Почему если мы родительскому элементу придаем свойство float то margin-top работает в рамках...

Свойства column в CSS
Всем добрый вечер, добрый день. Заинтересовался такими вот свойствами как column, а именно p { ...

Создание отступов текста с помощью css-свойства margin
Здравствуйте! Например, такой код: <!DOCTYPE html> <html lang="en"> <head> ...

6
dev - investigator
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
18.04.2018, 23:56 2
Лучший ответ Сообщение было отмечено Freeze_Breeze как решение

Решение

Freeze_Breeze, подсказка у Вас прямо под носом же это стандартные стили браузера, назначенные по умолчанию. Они есть у всех браузеров. Вы с таким же успехом, увидите в Firefox
CSS
1
-moz-margin-before
. И у каждого клиента свой набор значений. Отсюда и кроссбраузерность, и необходимость сброса\нормализации стилей.
А по конкретно этим -
-webkit-margin-before = margin-top
-webkit-margin-after = margin-bottom
-webkit-margin-start = margin-left
-webkit-margin-end = margin-right


Добавлено через 3 минуты
P.S. кстати для восточных языков ситуация будет обратной.
1
278 / 272 / 106
Регистрация: 12.01.2016
Сообщений: 1,666
19.04.2018, 18:25  [ТС] 3
Qwerty_Wasd, да я прекрасно понимаю, что это стандартные стили браузера, но почему я их не могу понять, то есть браузер сам задает свойства (и они у него работают), а когда эти же свойства задает пользователь через css, то браузер их перечеркивает и пишет инвалид проперти (кто я инвалид?... ROFL), почему так?
0
dev - investigator
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
19.04.2018, 18:37 4
Цитата Сообщение от Freeze_Breeze Посмотреть сообщение
(кто я инвалид?... ROFL),
ахахах
Цитата Сообщение от Freeze_Breeze Посмотреть сообщение
то есть браузер сам задает свойства
да, дефолтные. У них самый низкий приоритет. Стилями вы задаете свое видение тех или иных элементов.
Цитата Сообщение от Freeze_Breeze Посмотреть сообщение
их перечеркивает и пишет инвалид проперти
, что-то вы не верно делаете или просмотриваете в браузере, чей движок не указан префиксами. Смотрим скрин
Миниатюры
Свойство column свойства margin  
0
dev - investigator
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
19.04.2018, 19:25 5
А вот это скрин с лисы
Миниатюры
Свойство column свойства margin  
0
278 / 272 / 106
Регистрация: 12.01.2016
Сообщений: 1,666
19.04.2018, 20:26  [ТС] 6
Qwerty_Wasd, Да, все четко работает. Видимо на тот момент я что то не так написал, спасибо за FAQ
Миниатюры
Свойство column свойства margin  
0
dev - investigator
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
19.04.2018, 21:16 7
Freeze_Breeze, да не за что, хорошего кода
1
19.04.2018, 21:16
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
19.04.2018, 21:16
Помогаю со студенческими работами здесь

CSS Не работает margin-top/margin-left в IE, Firefox
Добрый день! Проблема в коде CSS .check > span{ -webkit-transition: all ease-in-out...

Margin-top и margin-bottom в ie6 не работает
#news1 > p { margin-top:15px; margin-bottom:15px; } пробовал ставить !important эффект...

Не смещается центр div c margin 0 auto, который в другом div'e с другим margin
<div style="margin-left: 100px"> <div style="margin: 0 auto;"><a href=""...

свойство Column
Добрый день. По запросам заполняю таблицу грид разными данными из БД. Некоторые таблички имеют поля...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru