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).