Що таке border в CSS3?
Свойство `border` є універсальним, оскільки за його допомогою можна одразу встановити всі необхідні параметри для створення межі (обводки) об'єкта. Можна вказати розмір, колір, а також форму межі.
Слід знати: для кожного значення існує своя окрема властивість. Наприклад, для вказання кольору верхньої межі існує стиль border-top-color. До цієї ж верхньої межі можна встановити ширину - border-top-width, а також тип рамки - border-top-style.
У властивість
border записуються 3 параметри з такою послідовністю: ширина (у будь-яких допустимих одиницях), стиль межі (про це трошки нижче), її колір.Стиль межі може бути наступних типів:
1) solid - просто рамка без пробілів в ній;
Solid
2) dotted - рамка виконана крапками;
Solid
3) double - подвійна рамка;
Solid
4) dashed - невеликі пробіли в рамці;
Solid
5) inset - рамка якби всередині;
Solid
6) outset - рамка знаходиться ззовні;
Solid
7) groove - як невелика виступ;
Solid
8) ridge - у вигляді рамки.
Solid
Приклад властивості:
div {
border: 2px inset #df6363;
}
Коментарі
