Зміна розміру зображення та закруглених кутів за допомогою CSS

Ідея полягає у використанні фонового розміру: обкладинка; Властивість CSS, яка обробляє центрування, обрізку і, добре, покриття. Ось витяг з скрипки:
div.yourWrap per {
ширина: 50px;
висота: 50px;
-webkit-радіус межі: 10px;
-moz-прикордонний радіус: 10px;
радіус межі: 10px;
тло: url('some_image.jpg') центр без повторення;
-webkit-фоновий розмір: обкладинка;
-moz-фоновий розмір: кришка;
-o-фоновий розмір: кришка;
фоновий розмір: кришка;
}