CSS межі | CSS для Початківців

Ви можете використовувати межі (рамки), застосовуючи їх до більшості елементів HTML в межах сторінки. Все, що вам потрібно, щоб зробити межу навколо елементу – це border-style. Можливі значення, які можна застосовувати: solid (тонка межа), dotted (межа складається з точок, пунктир), dashed (межа складається з коротких відрізків), double (подвійна), groove (ефект поглиблення), ridge (ефект крайки), inset (ефект врізання) і outset (ефект піднесення).

border-width використовується для вказівки ширини межі, яка вимірюється у пікселях. У числі інших властивостей: border-top-width, border-right-width, border-bottom-width та border-left-width.

І, нарешті, border-color використовують для вказівки кольору межі.

Додайте цей код в CSS-файл:

    
            1
            h2 
        
            2
                border-style: dashed;
        
            3
                border-width: 3px;
        
            4
                border-left-width: 10px;
        
            5
                border-right-width: 10px;
        
            6
                border-color: red;
        
            7

У результаті ви повинні отримати червону переривчасту межу навколо заголовка HTML другого рівня (елемент h2) шириною 3 пікселі зверху і знизу, а також 10 пікселів зліва і праворуч (Ширина усього кордону в 3 пікселі в результаті була визначена).