Atribut razmaka rubova tablica u CSS-u

CSS alati imaju bogat skup atributa za elemente web stranica kako bi se maksimizirale stranice za uređenje i uređenje. Atribut granični razmak se ne razlikuje. To je naširoko koristi pri stvaranju tablice kao elementi web stranica, a bez nje je nemoguće učiniti s tzv "tablica" izgled web-mjesta.

Svrha

Atribut border-spacing primjenjuje se na oznaku i služi za određivanje udaljenosti između ćelija tablice u pikselima. HTML ima sličan alat za cellpacing.
Oba ova atributa ne mogu se primijeniti na istu tablicu jer CSS ima veći prioritet od HTML-a. Inače će raditi samo razmak između obruba, a cellpacing će ignorirati preglednik.


Svojstva atributa mogu se prikazati u obliku tablice radi jasnoće.

Primjena



Određuje razmak između ćelija



Zadana vrijednost



0 px



nasljeđivanje



da



animacija



Nijedno



Radi s verzijama



CSS 2 3

S obzirom da granični razmak radi s CSS 2 je ispravno predstavljena velikom većinom modernih preglednika. Za vizualnu percepciju, mjesta koja su napisana prije desetak godina dostupna su putem ove, već zastarjele tehnologije.

Sintaksa

Kako bi se stanice tablice proširile na željenu udaljenost, potrebno je primijeniti atribut border-spacing na oznaku, postaviti parametar duljine i broj koji predstavlja broj piksela.U tom slučaju se ne postavlja razmak između broja i mjerne jedinice. Na primjer, ako ćelije u redovima trebaju biti podijeljene u 12 bajta u stupcima od 18 piksela, CSS kod će izgledati ovako:




tablica {
border-spacing: 12px 18px;
}


Vrijednosti u atributu mogu biti dvije kao u gornjem primjeru ili mogu biti jedna:
  • Prilikom postavljanja parametara, prva postavlja udaljenost vodoravno, a druga vertikalno.
  • Ako je jedna navedena, definira istu udaljenost, i vodoravno i okomito.
  • Treba imati na umu da pri projektiranju tablice treba uzeti u obzir i debljinu (u pikselima) granica ćelija i njihov broj. Inače će pripremljena tablica biti prikazana s izobličenjem.

    Primjer uporabe

    Opis zadataka: Potrebno je stvoriti tablicu u kojoj bi se trebali prikazivati ​​popularni preglednici i njihove minimalne verzije, iz kojih se postiže korištenje graničnog razmaka u CSS-u. Proširite ćelije 15 piksela vodoravno i okomito. Zadatak će izgledati ovako:
    Nepostojanje svojstava animacije znači da se označni jezici prostora između ćelija mogu preliti u boju ili primijeniti druge grafičke efekte na njih. U tu svrhu koriste se grafički uređivači (GIMP, Photoshop, Inkscape).

    Povezane publikacije