повторение фона: повторение; против фона-повтор: пространство; против фона-повторить: круглый;?

Question

Я читаю Модуль CSS3 Background & Border , а для свойства background-repeat я вижу два новых значения, а именно space и round.

Хотя в нем есть описание того, что они делают, я не могу понять, чем они отличаются от обычного значения repeat.Приведенный здесь пример не очень хороший, и я могу получить результат со значением repeat.

Может ли кто-нибудь провести хорошее различие между ними, желательно с некоторыми графическими подсказками?

Answer 1

Цитирование Сеть разработчиков Mozilla , выделено мое:

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

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

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