Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Problem z tym pytaniem najczęściej wynika z pomylenia kolejności przypisywania kolorów do krawędzi albo z założenia, że CSS „idzie” po krawędziach w innej logice niż w rzeczywistości. Własność `border-color` w wersji skróconej przy czterech wartościach ma sztywną, zdefiniowaną w specyfikacji CSS kolejność: najpierw krawędź górna, potem prawa, następnie dolna i na końcu lewa. To jest dokładnie ten sam schemat, który stosuje się w `margin`, `padding`, `border-width` i kilku innych właściwościach związanych z box modelem. Można to sobie zapamiętać jako ruch po obwodzie prostokąta zgodnie z ruchem wskazówek zegara: top → right → bottom → left. Błędne odpowiedzi sugerują inne mapowania, np. że pierwsza wartość to prawa krawędź albo lewa, albo że kolory „obracają się” w innym kierunku. To jest dość typowe nieporozumienie, bo ktoś intuicyjnie myśli: „może zaczyna się od lewej strony” albo „może idzie poziomo, a nie pionowo”. Niestety takie skojarzenia nie mają pokrycia w standardzie. Specyfikacja CSS jest tutaj jednoznaczna, a przeglądarki implementują ją konsekwentnie od lat. Jeśli więc przypiszemy `border-color: red blue green yellow;`, to jakiekolwiek inne skojarzenie niż góra–prawa–dół–lewa spowoduje błędny wynik. W praktyce prowadzi to do sytuacji, że obramowanie wygląda „dziwnie”, kolory nie są tam, gdzie projektant oczekiwał, a późniejsze debugowanie zajmuje niepotrzebnie czas. Dobrym nawykiem jest porównywanie tej składni z `margin` i `padding`, bo one działają identycznie przy czterech wartościach. Jeżeli ktoś myśli, że kolejność może być np. prawa–dół–lewa–góra, to jest to już sprzeczne z dokumentacją i nie będzie działało poprawnie w żadnej nowoczesnej przeglądarce. Lepiej trzymać się zapisanej w standardzie konwencji, bo to gwarantuje przewidywalny wygląd elementów na stronie i ułatwia współpracę w zespole front‑endowym.