<MyRusakov.ru />

Создание игр на Unreal Engine 4

Создание игр на Unreal Engine 4

Данный курс научит Вас созданию игр на Unreal Engine 4. Курс состоит из 12 модулей, в которых Вы с нуля освоите этот движок и сможете создавать самые разные игры.

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

Помимо самого курса Вас ждёт ещё 5 бесплатных ценных Бонусов: «Динамическая смена дня и ночи», «Создание динамической погоды», «Создание искусственного интеллекта для NPC», «Создание игры под мобильные устройства» и «Создание прототипа RPG с открытым миром».

Подробнее
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Зачем Вы изучаете программирование/создание сайтов?

Рамки вокруг элементов в CSS3

Рамки вокруг элементов в CSS3

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

Как добавить рамку на элемент?

Просто добавим к блоку с классом element черную сплошную рамку толщиной 5 пикселей.

// HTML
<div class="element"></div>

// CSS
.element {
    width: 150px;
    height: 150px;
    background-color: powderblue;
    border-style: solid; /* стиль рамки в виде сплошной линии */
    border-width: 5px; /* толщина рамки */
    border-color: black; /* цвет рамки */
}

В реальной верстке CSS свойства для рамки обычно пишут в сокращенной форме. Свойства перечисляются через пробел в произвольном порядке.

.element {
    ...
    border: solid 5px black;
}


Рамки вокруг элементов в CSS3.

Как добавить рамку на определенные стороны элемента?

Как быть, если вам нужна рамка не на все четыре стороны элемента? Существует целый набор свойств позволяющий работать с каждой стороной по отдельности. Например нам нужно сделать обводку у верхней и левой стороны элемента. Тогда убираем обводку у нижней и правой стороны.

.element {
    ...
    border: solid 5px black;

// убирают ненужные обводки
    border-bottom: none;
    border-right: none;
    border-bottom-style: none;
    border-right-style: none;
}


Рамки вокруг элементов в CSS3.

И это еще не все, мы можем точечно менять ширину и цвет у рамки.

border-top-width: 10px;
border-left-color: coral;


Рамки вокруг элементов в CSS3.

Типы стилей у рамок

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

dashed

Значение dashed сделает рамку прерывистой.

border-style: dashed;

Рамки вокруг элементов в CSS3.

dotted

Значение dotted превратит обводку в точки.

border-style: dotted;

Рамки вокруг элементов в CSS3.

double

Значение double добавит двойную сплошную рамку.

border-style: double;

Рамки вокруг элементов в CSS3.

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

groove

border-style: groove;

Рамки вокруг элементов в CSS3.

inset

border-style: inset;

Рамки вокруг элементов в CSS3.

outset

border-style: outset;

Рамки вокруг элементов в CSS3.

ridge

border-style: ridge;

Рамки вокруг элементов в CSS3.

Как убрать рамку с элемента?

Убрать рамку с элемента можно тремя разными способами:

  • Установить значение border-style: none; (популярный)
  • Установить значение border-width: 0px; (малоиспользуемый)
  • Установить значение border-color: transparent; (нежелательно)

Помните, что прозрачный цвет не убирает рамку с элемента, а только делает невидимой и резервирует для неё место. Это хорошо видно в панели для разработчиков при наведении мыши на border в блочной модели элемента.


Рамки вокруг элементов в CSS3.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.