Strona główna › Pytania INF.03 › Pytanie 1397
INF.03 · pytanie #1397
W stylu CSS ustalono obramowanie pojedyncze, które ma następujące kolory dla krawędzi: <pre class="code-block">border: solid 1px; border-color: red blue green yellow;</pre>
- Alewa – czerwona, dolna – niebieska, prawa – zielona, górna – żółta
- Bgórna – czerwona, prawa – niebieska, dolna – zielona, lewa – żółta
- Cprawa – czerwona, dolna – niebieska, lewa – zielona, górna – żółta
- Dgórna – czerwona, lewa – niebieska, dolna – zielona, prawa – żółta
Poprawna odpowiedź: B. górna – czerwona, prawa – niebieska, dolna – zielona, lewa – żółta
Kliknij odpowiedź, którą uważasz za poprawną.
Wyjaśnienie
Definicja obramowania za pomocą stylu CSS z użyciem właściwości border-color pozwala na określenie kolorów każdej z krawędzi elementu w kolejności zgodnej ze wskazówkami zegara. Gdy podano cztery wartości jak w border-color: red blue green yellow; oznaczają one odpowiednio kolory krawędzi górnej prawej dolnej i lewej. Właściwość border: solid 1px; definiuje typ obramowania jako solidne i jego szerokość jako 1px. Warto zaznaczyć że podanie czterech wartości kolorów w border-color jest zgodne z zasadami CSS i umożliwia konfigurowanie wyglądu elementów w sposób szczegółowy i zindywidualizowany. Projektanci stron internetowych często używają tej techniki do tworzenia graficznych stylów które zwiększają czytelność i estetykę witryny. W praktyce wiedza o manipulacji stylem obramowania w CSS jest kluczowa dla tworzenia responsywnych i wizualnie atrakcyjnych interfejsów użytkownika. Takie podejście wspiera zachowanie spójności wizualnej co jest jedną z dobrych praktyk w projektowaniu front-endu.
🤖 Wyjaśnienie generowane przez AI – weryfikuj w oficjalnych źródłach.