Made in HTML/CSS – Telegram
Made in HTML/CSS
1.38K subscribers
754 photos
41 videos
2 files
677 links
Научись классно верстать и создавать сайты благодаря Made in HTML/CSS.
По рекламе - https://news.1rj.ru/str/ZilantTG
Download Telegram
Свойство CSS outline используется для создания обводки вокруг элементов, которая отличается от обычной границы.

В отличие от свойства border, outline не занимает пространство в потоке документа, что позволяет не нарушать Layout элементов. Оно часто используется для выделения элементов при фокусировке или в качестве визуального эффекта.



Made in HTML/CSS
👍14🔥6👨‍💻1
Свойство CSS width используется для определения ширины элемента на веб-странице.

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


Made in HTML/CSS
👍12🔥4👨‍💻1
Свойство CSS background-color используется для установки фона элемента.

Это позволяет задавать цвет фона для контейнеров, блоков, текста и других элементов на веб-странице.


Made in HTML/CSS
👍10🔥5👨‍💻1
Свойство CSS background-image используется для установки фонового изображения элемента.

Это позволяет создать визуально привлекательный дизайн, добавляя изображения на фон контейнеров, блоков, секций и других элементов на веб-странице.


Made in HTML/CSS
👍11🔥5👨‍💻1
Свойство CSS height используется для задания высоты элемента. Это свойство позволяет контролировать, насколько высоко будет отображаться элемент на странице.

Оно может принимать значения в различных единицах измерения, таких как пиксели (px), проценты (%), эм (em), рем (rem), и другие.


Made in HTML/CSS
👍12🔥5👨‍💻1
Свойство CSS box-sizing определяет, как рассчитываются ширина и высота элемента, включая его отступы и обрамление. Это ключевой элемент для создания точного и прогнозируемого макета.

- content-box (по умолчанию): Ширина и высота элемента учитывают только содержимое. Паддинг и рамки добавляются к размерам.

- border-box: Ширина и высота элемента включают содержимое, паддинг и рамки. Это упрощает управление размерами, позволяя вам работать с размером элемента, как с единым целым.


Made in HTML/CSS
👍10🔥7👨‍💻1
Свойство clear в CSS контролирует, как элемент располагается в отношении плавающих элементов (float) вокруг него.
Оно предотвращает обтекание элемента другими плавающими элементами с одной из сторон (слева, справа или по обе стороны).

Значения:
- left: элемент не будет находиться рядом с плавающими элементами слева.

- right: элемент не будет находиться рядом с плавающими элементами справа.

- both: элемент не будет находиться рядом с плавающими элементами ни слева, ни справа.

- none: по умолчанию, элемент может обтекаться плавающими элементами.


Made in HTML/CSS
👍13🔥6👨‍💻1
Свойство clip в CSS используется для определения области отображения элемента, особенно для обрезки элементов с использованием position: absolute;.
Оно позволяет задать прямоугольную область, за пределами которой элемент не будет виден.

- top: расстояние от верхней границы элемента.
- right: расстояние от правой границы.
- bottom: расстояние от нижней границы.
- left: расстояние от левой границы.


Made in HTML/CSS
👍15🔥4👨‍💻1
Свойство column-count в CSS используется для разделения текста на несколько колонок.

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

Свойство column-count часто применяется для улучшения readability (читаемости) текста на больших экранах.


Made in HTML/CSS
👍14🔥4👨‍💻1
Свойство column-gap в CSS используется для управления расстоянием между колонками в многоколоночном макете.

Это свойство позволяет задавать пространство между колонками, что может улучшать читаемость и внешний вид текста.Свойство column-gap в CSS используется для управления расстоянием между колонками в многоколоночном макете.

Made in HTML/CSS
👍12🔥1👨‍💻1
👍12👨‍💻3🔥2
Свойство column-rule в CSS используется для задания стиля границы (линии) между колонками в многоколоночном макете.

Это свойство является сокращенной записью для трех индивидуальных свойств: column-rule-width, column-rule-style и column-rule-color.



Made in HTML/CSS
👍10🔥5👨‍💻1
Свойство object-fit в CSS используется для управления тем, как содержимое элемента <img>, <video>, <iframe> или <canvas> вписывается в выделенное пространство.

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



Made in HTML/CSS
👍8🔥5👨‍💻2
Свойство column-width в CSS используется для установки минимальной ширины колонок в многоколоночном макете.

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



Made in HTML/CSS
👍7🔥5👨‍💻2
Свойство columns в CSS — это сокращенная запись для установки нескольких связанных свойств, необходимых для создания многоколоночного макета.

Оно позволяет одновременно задавать количество колонок и минимальную ширину колонок.



Made in HTML/CSS
👍7🔥7👨‍💻2
Свойство min-width в CSS используется для задания минимальной ширины элемента.

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

Это свойство помогает поддерживать согласованный макет и предотвращает сжатие элементов до слишком маленьких размеров.



Made in HTML/CSS
👍6🔥4👨‍💻2
Свойство display в CSS определяет, как элемент будет отображаться на странице.

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

Свойство display имеет множество значений, каждое из которых определяет различные режимы отображения элемента.



Made in HTML/CSS
👍8🔥4👨‍💻2
Свойство float в CSS используется для размещения элемента влево или вправо внутри его родительского контейнера, позволяя тексту и другим элементам обтекать его.

Это свойство часто использовалось для создания многоколоночных макетов до распространения Flexbox и Grid Layout.



Made in HTML/CSS
👍11🔥3👨‍💻2
Свойство min-height в CSS используется для установки минимальной высоты элемента.

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

Это свойство может быть полезным для обеспечения согласованного визуального оформления и макета.



Made in HTML/CSS
👍7🔥4👨‍💻3
Свойство max-height в CSS используется для ограничения максимальной высоты элемента.

Это позволяет контролировать, насколько высоко может вытягиваться элемент, даже если его содержимое требует большего пространства.

Оно полезно для создания адаптивных макетов и управления поведением элементов при изменении размера экрана или содержимого.



Made in HTML/CSS
👍6🔥3👨‍💻3
Свойство max-width в CSS используется для задания максимальной ширины элемента.

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

Это полезно для создания адаптивных макетов и управления поведением элементов при изменении размера экрана или содержимого.



Made in HTML/CSS
👍8🔥3👨‍💻2