Przejdź do treści głównej
INF.03Pytanie #1194 z 1558css-box-model-i-pozycjonowanie

Jak ustawić obramowanie (border) dla wszystkich elementów <img> tak, aby miało grubość 2 pikseli, było linią ciągłą i miało kolor czarny?

Opcje odpowiedzi:
A
img { border-style: solid; border-width: 2px; border-color: #000000; }
Prawidłowa
B
img { border: 2px, solid, black; }
C
img { outline: 2px solid rgb(0,0,0); }
D
img { border-thickness: 2px; border-line: solid; border-paint: black; }
Reklama

Wyjaśnienie i uzasadnienie dydaktyczne

Poprawna odpowiedź: A (img { border-style: solid; border-width: 2px; border-color: #000000; })

Używa ona trzech oddzielnych właściwości do zdefiniowania stylu, grubości i koloru obramowania: border-style: solid; (linia ciągła), border-width: 2px; (grubość 2 piksele), border-color: #000000; (kolor czarny w zapisie heksadecymalnym). Można również użyć skróconej właściwości border: 2px solid #000000;.

Dlaczego pozostałe opcje są nieprawidłowe?

  • B: Skrócona właściwość border przyjmuje wartości oddzielone spacjami, a nie przecinkami (np. border: 2px solid black;).
  • C: outline tworzy obrys wokół elementu, który nie wpływa na jego wymiary (nie jest częścią box model w ten sam sposób co border) i ma inne właściwości skrócone.
  • D: border-thickness, border-line i border-paint nie są standardowymi właściwościami CSS.

Chcesz poćwiczyć całą kwalifikację INF.03?

Egzamin próbny na czas, nauka działami, losowe pytanie albo przegląd całej bazy — wszystko w przeglądarce i bez zakładania konta.

Rozwiąż w Quizie

Pojęcia z tego pytania

Cały słownik INF03
Reklama

Podobne pytania z działu „Css box model i pozycjonowanie”

Ten sam obszar materiału z kwalifikacji INF.03. W całej bazie znajdziesz 47 pytań z tego działu.