4

Учусь прогать на css:

скрин

HTML

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="css/style.css">
        <title>Document</title>
    </head>
    <body>
        <div>
            <span class="par1">Lorem.</span>
            <span class="par2">Omnis!</span>
            <span class="par3">Necessitatibus?</span>
        </div>
    </body>
</html>

SCSS(через программу Prepros)

@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap");
$f1: 100px;
.par1 {
    font-family: "Source Code Pro";
    font-size: $f1;
}
.par2 {
    font-family: "Source Code Pro";
    font-size: 100px;
    border: 3px, solid, rgb(255, 0, 0);
    display: block;
}
.par3 {
    font-family: "Source Code Pro";
    font-style: italic;
    font-size: $f1;
}

Но не работает свойство border в браузерах Яндекс, Хром, Опера, IE.

1
  • 3
    ты используешь неправильный синтаксис, поэтому и не работает. Разделителями свойств служат пробелы, а не запятые
    – Grundy
    Commented 13 февр. 2021 в 12:02

1 ответ 1

5

border - это универсальное свойство, которое позволяет одновременно установить толщину, стиль и цвет границы вокруг элемента. Значения могут идти в любом порядке. Разделять их необходимо пробелом. Браузер сам определяет, какое из них соответствует нужному свойству.

В вашем примере очевидная ошибка:

border: 3px, solid, rgb(255, 0, 0);

Значения вы разделяете пробелом и запятой. Решение: удалить запятые.

Более подробно о свойстве border можно почитать, например, здесь.

0

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.