Вы находитесь на странице: 1из 3

target=”” - определяет как откроется нажатая ссылка.

● _self - в этом-же окне. (по умолчанию)


● _blank - в новом окне.
● _parent - открывает в родительском фрейме если такой имеется, если нет то в текущем окне.
● _top - открывает в текущем окне.
● <имя фрейма> - открывает во фрейме с уникальным именем
title=”” - описывает дополнительную информацию о ссылке/изображению при наведении курсора по
которой вы переходите.

transform - позволяют переводить, вращать, масштабировать и наклонять элементы. CSS поддерживает


2D и 3D преобразования.

translate() перемещает элемент из текущей позиции (в соответствии с параметрами, заданными для оси
X и оси Y).
transform: translate(50px, 100px);
rotate() вращает элемент по часовой стрелке или против часовой стрелки в зависимости от заданного
градуса. Использует градусы(deg) или поворот от 0 до 1(0.8turn)
transform: rotate(20deg);
transform: rotate(-20deg);
transform: rotate(0.3turn);

scale() - увеличивает или уменьшает размер элемента (в соответствии с параметрами, заданными для
ширины и высоты).
transform: scale(2, 3); 2 - ширина / 3 - высота
transform: scale(0.5, 0.5);

skewX() - наклоняет элемент вдоль оси X заданным углом. Использует градусы(deg) или поворот
от 0 до 1(0.8turn)
transform: skewX(40deg);
transform: skewX(0.2turn);

skewY() - наклоняет элемент вдоль оси Y заданным углом. Использует градусы(deg) или поворот
от 0 до 1(0.8turn).
transform: skewY(40deg);
transform: skewY(0.2turn);

skew() - искажает элемент вдоль оси X и Y по заданным углам. Использует градусы(deg) или
поворот от 0 до 1(0.8turn). Если второй параметр не указан, он имеет нулевое значение и элемент
искажается вдоль оси X.
transform: skew(40deg, 10deg);
transform: skew(0.2turn, 0.1turn);

matrix() - объединяет все методы 2D преобразования в один. Принимает шесть параметров, содержащих
математические функции, которые позволяют вращать, масштабировать, перемещать (переводить) и
наклонить элементы.
Параметры следующие:
Матрица (ширинаX (0/1/2/3), перекосY (0-1), перекосX (0-1), высотаY (0/1/2/3), смещениеX (-
inf - +inf), смещениеY (-inf - +inf)).
transform: matrix(1, -0.3, 0, 1, 0, 0);
transform: matrix(1, -0.3, 0.2, 1, 40, 60);
transform-origin - позволяет изменять положение преобразованных элементов. 2D преобразования
могут изменять ось x и y элемента. трехмерные преобразования также могут изменять ось z элемента. Это

свойство должно использоваться вместе со свойством transform.

transform-origin: x-axis y-axis z-axis|initial|inherit;

transform-style - указывает, как вложенные элементы отображаются в трехмерном пространстве. Это


свойство должно использоваться вместе со свойством transform.
transform-style: flat|preserve-3d|initial|inherit;
flat- Указывает, что дочерние элементы не будут сохранять свое Трехмерное положение. Это значение по
умолчанию.
preserve-3d - Указывает, что дочерние элементы сохраняют свое Трехмерное положение.
table-layout - определяет алгоритм, используемый для компоновки ячеек таблицы, строк и столбцов.
Основное преимущество табличной компоновки: Исправлено; является то, что таблица делает гораздо
быстрее. На больших таблицах пользователи не увидят ни одной части таблицы до тех пор, пока браузер не
выведет всю таблицу целиком. Таким образом, если вы используете табличную компоновку: Fixed,
пользователи увидят верхнюю часть таблицы, пока браузер загружает и отображает оставшуюся часть
таблицы. Это создает впечатление, что страница загружается намного быстрее!
table-layout: auto|fixed|initial|inherit;
auto - браузеры используют автоматическийалгоритм макета таблицы. Ширина столбца задается самым
широким неразрывным содержимым ячеек. Содержимое будет диктовать макет
fixed - устанавливает алгоритм фиксированного макета таблицы. Ширина таблицы и столбца
устанавливается по ширине таблицы и Col или по ширине первой строки ячеек. Ячейки в других строках не
влияют на ширину столбцов. Если в первой строке нет ширины, ширина столбцов делится равномерно по
всей таблице, независимо от содержимого внутри ячеек.

text-transform: - Позволяет настроить шрифт для преобразования.


text-transform: uppercase; - Переводит ВЕСЬ ТЕКСТ В ЗАГЛАВНЫЕ .
text-transform: lowercase; - Переводит весь текст в нижний регистр.
text-transform: capitalize; - Преобразовывает все слова так, чтобы первая Буква Была Заглавной .
text-transform: full-width; - Преобразует все глифы для записи внутри квадрата фиксированной
ширины , аналогично моноширинному шрифту, позволяя выровнять, например, латинские символы вместе с
глифами азиатских языков (например, китайского, японского, корейского).
text-decoration: - Устанавливает / отменяет художественное оформление текста в шрифтах.
text-decoration: underline; - Подчеркивает текст .
text-decoration: overline; - Добавляет к тексту черту .
text-decoration: line-through; - Текст зачеркивается .
text-shadow - добавляет тень к тексту.
text-shadow: horizontal-shadow vertical-shadow blur(размытие)-radius color|none|initial|
inherit;
text-shadow: 2px 2px 8px #FF0000;
Вы можете применить несколько теней к одному и тому же тексту, включив несколько значений тени,
разделенных запятыми.

text-underline-position: Укажите положение подчеркивания, установленного с помощью значения text-


decoration-line свойства underline.НЕ ПОДДЕРЖИВАЕТСЯ
text-rendering: Попробуйте выполнить оптимизацию визуализации текста.
text-indent: - указывает отступ первой строки в текстовом блоке.
text-indent: length|initial|inherit;
text-overflow: - указывает, как переполненное содержимое, которое не отображается, должно быть
сигнализируется пользователю. Его можно обрезать, отображать многоточие (...) или отображать
пользовательскую строку.
text-overflow: clip(обрезан)|ellipsis(добавляет троеточие)|string(обрезан)|initial|
inherit;
text-align-last: - указывает, как выровнять последнюю строку текста.
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
text-orientation: Определение ориентации текста в строке. ПЛОХО ПОДДЕРЖИВАЕТСЯ

Вам также может понравиться