Рамката около изображението, webreference
За да добавите цвят на рамката около изображението се използва стилистично граница на имота. В стила на този имот добави в IMG за избор и да определи дебелината на рамката, неговият цвят и стил. Тогава рамката ще бъде добавена към всички изображения на страницата. За избрани рисунки могат да влязат свой собствен клас и да го пишат само за избрани елементи (Пример 1).
Пример 1. Добавяне на рамка
В този пример, двете изображения се добавят граница клас. чрез което зелената рамка е зададена (фиг. 1).
Фиг. 1. рамката около снимката
Рамката може да се добави, а когато мишката върху изображението чрез псевдо: висене. Но това се очаква да доведе до промяна на картината, защото граничния Имотът се отразява на цялостната ширина и височина на елемента. За да се избегне такова поведение на селектор IMG невидима рамка преди добавя, както е показано в Пример 2.
Пример 2. Рамката около изображенията
Друг начин за добавяне на рамки - свойства на използване очертават. Това е, за разлика от границата. Това не влияе на размера на елемента, така че вече не се нуждае от прозрачна рамка.
Въпреки сходството на тези свойства, те имат малки разлики:
- Показва се около очертанията на елемент (граница вътре);
- контур не се отразява на размера на елемента (граница се добавя към ширината и височината на елемент);
- контур може да се инсталира само около целия елемент, но не и на отделни страни на (граница може да се използва за всяка от страните или всички наведнъж);
- Тя не действа по схема радиусът на закръгление определен имот граничен радиус (в качеството на границата).
Друг начин да се създаде рамката е да добавите фон към . Сам фон не е непосредствено видима, така че ние трябва да се установи по-вата собственост. стойността му излиза извън дебелината (Пример 3).
Пример 3. Използване на фона и пълнежа
Това може да включва и границата на собственост и да получите нов тип конструкция. Като цяло, чрез комбиниране на пълнеж. граница. очертае и фон може да направи много различни рамки.