Що таке background-position в CSS3?

CSS властивість background-position використовується для встановлення положення зображення.

Значення властивості:

В якості значень ви можете встановити значення по горизонталі і вертикалі. Горизонталь - left, center, right. Вертикаль - top, center, bottom. Вказується так: left center, що означає 0% 50%, отримується прижато до лівого краю і по центру сторінки.

Значення:

left відповідає за 0%, center - 50%, right - 100% (аналогічно top);
center відповідає за 0%, center - 50%, center - 100% (аналогічно center по вертикалі);
right відповідає за 0%, right - 50%, right - 100% (аналогічно bottom);

Приклад властивості:

body {
    background-image: url(img/help.png); /* Зображення */
    background-position: left top;
    background-repeat: no-repeat;
}

Коментарі