[CSS] Różne style dla obramowania (border)

W tym krótkim wpisie poznasz różne typy obramowania elementu HTML. Poza standardową ciągłą linią obramowania (solid), ustawić można jeszcze kilka innych typów. Oto pozostałe rodzaje wartości border-style:

  • dotted - kropki;
  • dashed - krótkie kreskowane linie;
  • double - podwójne linie ciągłe;
  • groove - wygląd wyrzeźbiony;
  • ridge - wygląd wytłaczany (przeciwieństwo groove);
  • inset - wygląd wklęsły;
  • outset - wygląd wypukły;

Przykłady

border-style: dotted
border-style: dashed
border-style: double
border-style: groove
border-style: ridge
border-style: inset
border-style: outset

Komentarze

Popular

[C++] Jak obliczyć pole i obwód trapezu?

[PHP] Jak pobrać adres strony?

[HTML] Jak wyśrodkować tekst?