Свойства углов - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Воскресенье, 19.02.2017
Главная » Справочник CSS3 » Свойства углов


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


В категории материалов: 5
Показано материалов: 1-5
Страницы:

Сортировать по: Дате · Названию · Рейтингу · Комментариям · Просмотрам

Свойство border-bottom-left-radius закругляет границу левого нижнего угла элемента. Могут быть использованы положительные значения чисел,а так же процентные соотношения записанные через пробел ( по оси x и y ). Если Вы хотите указать процентное соотношение то первым значением идёт значение x,зависящее от ширины блока,а второе значение y,зависящее от высоты блока. То есть если у Вас блок 100 x 100 px,а процентная запись равна border-bottom-left-radius:10% 10%;,закругление будет происходить величиной равной 10px. Можно указать и 2 числовых значения где первое значение указывается для ширины,а второе для высоты,записывается через пробел. Значения для эллипсных углов прописываются с теми же правилами что и числовые с процентными но с добавлением слэша ( / ),пример border-bottom-left-radius:10px/10px 10%/10%. Свойство применимо к элементам кроме элементов таблицы,у которых свойство border-collapse сопровождается значением collapse,создано в версии CSS3 и проходит валидацию согласно версии CSS3.

Свойства углов | Просмотров: 497 | Добавил: IZOTOP | Дата: 11.05.2012 | Комментарии (0)

Свойство border-bottom-right-radius закругляет границу правого нижнего угла элемента. Могут быть использованы положительные значения чисел,а так же процентные соотношения записанные через пробел ( по оси x и y ). Если Вы хотите указать процентное соотношение то первым значением идёт значение x,зависящее от ширины блока,а второе значение y,зависящее от высоты блока. То есть если у Вас блок 100 x 100 px,а процентная запись равна border-bottom-right-radius:10% 10%;,закругление будет происходить величиной равной 10px. Можно указать и 2 числовых значения где первое значение указывается для ширины,а второе для высоты,записывается через пробел. Значения для эллипсных углов прописываются с теми же правилами что и числовые с процентными но с добавлением слэша ( / ),пример border-bottom-right-radius:10px/10px 10%/10%. Свойство применимо к элементам кроме элементов таблицы,у которых свойство border-collapse сопровождается значением collapse,создано в версии CSS3 и проходит валидацию согласно версии CSS3.

Свойства углов | Просмотров: 435 | Добавил: IZOTOP | Дата: 11.05.2012 | Комментарии (0)

Свойство border-radius закругляет все четыре угла элемента. Могут быть использованы положительные значения чисел,а так же процентные соотношения записанные через пробел. Так же можно задать значения для угла с элипсом,для этого значения указываются разделяясь слэшем ( / ),где первое значение соответствует оси x ( горизонтали ),а второе оси y ( вертикали ). Существует возможность указания от одного до восьми значений,имеется в виду запись для круглых углов до 4 значений,для эллипсных до 8.
Описание вариантов с числом равным 10px
1.border-radius:10px; - закругляем все 4 угла
2.border-radius:10px/10px; - эллипсуем все 4 угла
3.border-radius:10px 10px; - закругляем первым значением верхний левый и нижний правый угол,вторым верхний правый и нижний левый углы ( по диагонали )
4.border-radius:10px/10px 10px/10px; - эллипсуем первым значением верхний левый и нижний правый угол,вторым верхний правый и нижний левый углы ( по диагонали )
5.border-radius:10px 10px 10px; - закругляем первым значением верхний левый угол,вторым одновременно верхний правый и нижний левый углы ( по диагонали ),третьим нижний правый угол
6.border-radius:10px/10px 10px/10px 10px/10px; - эллипсуем первым значением верхний левый угол,вторым одновременно верхний правый и нижний левый углы ( по диагонали ),третьим нижний правый угол
7.border-radius:10px 10px 10px 10px; - закругляем первым значением верхний левый угол,вторым верхний правый,третьим нижний правый,четвёртым нижний левый угол ( по часовой стрелке )
8.border-radius:10px/10px 10px/10px 10px/10px 10px/10px; - эллипсуем первым значением верхний левый угол,вторым верхний правый,третьим нижний правый,четвёртым нижний левый угол ( по часовой стрелке )
Свойство применимо к элементам кроме элементов таблицы,у которых свойство border-collapse сопровождается значением collapse,создано в версии CSS3 и проходит валидацию согласно версии CSS3.

Свойства углов | Просмотров: 695 | Добавил: IZOTOP | Дата: 11.05.2012 | Комментарии (0)

Свойство border-top-left-radius закругляет границу левого верхнего угла элемента. Могут быть использованы положительные значения чисел,а так же процентные соотношения записанные через пробел ( по оси x и y ). Если Вы хотите указать процентное соотношение то первым значением идёт значение x,зависящее от ширины блока,а второе значение y,зависящее от высоты блока. То есть если у Вас блок 100 x 100 px,а процентная запись равна border-top-left-radius:10% 10%;,закругление будет происходить величиной равной 10px. Можно указать и 2 числовых значения где первое значение указывается для ширины,а второе для высоты,записывается через пробел. Значения для эллипсных углов прописываются с теми же правилами что и числовые с процентными но с добавлением слэша ( / ),пример border-top-left-radius:10px/10px 10%/10%;. Свойство применимо к элементам кроме элементов таблицы,у которых свойство border-collapse сопровождается значением collapse,создано в версии CSS3 и проходит валидацию согласно версии CSS3.

Свойства углов | Просмотров: 514 | Добавил: IZOTOP | Дата: 11.05.2012 | Комментарии (0)

Свойство border-top-right-radius закругляет границу правого верхнего угла элемента. Могут быть использованы положительные значения чисел,а так же процентные соотношения записанные через пробел ( по оси x и y ). Если Вы хотите указать процентное соотношение то первым значением идёт значение x,зависящее от ширины блока,а второе значение y,зависящее от высоты блока. То есть если у Вас блок 100 x 100 px,а процентная запись равна border-top-right-radius:10% 10%;,закругление будет происходить величиной равной 10px. Можно указать и 2 числовых значения где первое значение указывается для ширины,а второе для высоты,записывается через пробел. Значения для эллипсных углов прописываются с теми же правилами что и числовые с процентными но с добавлением слэша ( / ),пример border-top-right-radius:10px/10px 10%/10%;. Свойство применимо к элементам кроме элементов таблицы,у которых свойство border-collapse сопровождается значением collapse,создано в версии CSS3 и проходит валидацию согласно версии CSS3.

Свойства углов | Просмотров: 442 | Добавил: IZOTOP | Дата: 11.05.2012 | Комментарии (0)



Русские шрифты