Atrybut CSS grid-columns

  • Poprzednia strona
  • Następna strona

Obsługa przeglądarek

Obecnie żaden przeglądarka nie obsługuje grid-columns.

Definicja i użycie

Atrybut grid-columns szerokość każdej kolumny w siatce.

Wskazówka:Użycie systemu siatki ma ogromną wartość dla projektantów druku. Teraz te same zmiany są stosowane do treści online. Atrybuty siatki zapewniają możliwość dostosowywania rozmiarów i pozycji tytułów, tekstu i obrazów w skalowalnej siatce.

Przykład

Dodaj w środku elementu div jedną wiersz siatki, dodaj kolejną w odległości 200 pikseli od prawego boku, a w reszcie przestrzeni dodaj jeszcze jedną w środku:

div
{
grid-columns:50% * * 200px;
}

Gramatyka CSS

grid-columns: length|%|none|przypadek dziedziczenia;

Wartość atrybutu

Wartość Opis
length Odniesienie do siatki zawartego bloku.
% Odniesienie do szerokości zawartego bloku.
brak
przypadek dziedziczenia

Szczegóły techniczne

Domyślna wartość: brak
Inheredność: nie
Wersja: CSS3
Gramatyka JavaScript: object.style.gridColumns="50% * * 200px"
  • Poprzednia strona
  • Następna strona