Border - html, css, javascript, perl, php, mysql

Beállításához határain táblázat sejtek CSS két modell. Az első modell a legalkalmasabbak az úgynevezett egyedi határok körül bizonyos sejtek, és a másik alkalmazzák a határok, amely az egyik széle az asztal a másik. Minden ilyen modell lehetővé teszi, hogy számos különböző szegélystílusok, így a választás a modell határozza meg kizárólag a Teremtő ízét az asztalra.







Érték: összeomlás | külön | örököl
Kezdeti érték: összeomlás
Alkalmazási terület: a tagok 'table' és 'inline-table'
Örökölt: igen
Százalékos értékek: N / A
Eszközök: vizuális

Ez a funkció lehetővé teszi, hogy válasszon egy modellt asztal határokat. Az érték „külön” olyan modellt külön határokat. Az érték „összeomlás” meghatározza a modell metsző határokat. Ezek a modellek az alábbiakban ismertetjük.

Modell konkrét határok

Jelentése: ? | örököl
Kezdeti érték: 0
Alkalmazási terület: a tagok 'table' és 'inline-table'
Örökölt: igen
A százalékok: Nincs meghatározva
Eszközök: vizuális

Ha a hossz beállítása, azt jelzi a távolságot a határokat a szomszédos sejteket. Ha az egyik megadott hossz, ez határozza meg a távolságot vízszintesen és függőlegesen. Ha mindkét érték, az első határozza meg a vízszintes távolság, és a második - függőlegesen. A hossza nem lehet negatív.

Ebben a modellben minden cellának saját határon. Border-térköz tulajdonság határozza meg a távolságot a határait a szomszédos sejteket. Ezt a távolságot tele van a háttérben a table elem. Y sorok, oszlopok, sorok és oszlopok csoportok csoportok lehetnek a határokat (azaz felhasználói ügynökök figyelmen kívül kell hagynia a tulajdonságok a határait adatelemek).

Táblázat mutatja az alábbi ábra, akkor létre a következő stíluslap:

Táblázat, amelyben a tulajdonságok border-térköz "beállítva, hogy egy bizonyos értéket. Figyeljük meg, hogy minden egyes sejt saját határokon, és az asztal külön határon.

Határok körül üres cellák: „üres-sejtek”

Jelentése: Show | elrejtése | örököl
Kezdeti érték: mutatása
Alkalmazási terület: a tagok table-cell "
Örökölt: igen
A százalékok: Nincs meghatározva
Eszközök: vizuális

A modellben külön határok tulajdonát felszabadítással képviseletét határok sejtek körül, hogy nincs látható tartalmat. Úgy tartják, hogy nincs látható tartalom üres sejtek és amelyek esetében a tulajdonságok „láthatóság” beállítása „rejtett”. jelek " "És a másik jelképre az üres tér, kivéve ASCII CR karakter (" D "), LF (" A "), fül (" 9 "), és a tér (" 20 „), tartják, hogy látható legyen tartalmát.

Ha a szegély jelenik meg (a normál sejtek körül) az ingatlan értéke 'show körül az üres cellákat.

Az érték a „hide” azt jelenti, hogy körülbelül üres cellák nem lesz határokat. Sőt, ha minden a sejtek egy sorban, az ingatlan értéke „elrejtés”, és a sejtek nem látható tartalom, az egész sor kerül végrehajtásra értékének megfelelően „display: none”.

A következő szabályt határ lesz az összes sejt:

Modell átfedő határokat

A modell metsző határok jelezheti határok veszik körül, hogy a sejtvonal csoport vonalak, egy oszlop vagy oszlopok csoport teljesen vagy részlegesen. Így lehetséges, hogy állítsa be a border attribútum HTML „szabály”.

A határok vannak igazítva a központtól a rács a sejtek közötti. Abban az esetben, páratlan számú vagy diszkrét egységek (pixel, nyomtató pontok) böngészőknek kell választania a megfelelő határvonalat.







Az alábbi ábra mutatja az összefüggést táblázat szélessége, fal szélessége, a mező a sejteken belül, és a cella szélessége. Ezt az összefüggést képviseli a következő egyenlettel, amely alkalmazható minden sorban a táblázat:

shirina_stroki = (0,5 * shirina_granitsy0) + levoe_pole_vnutri_tablitsy1
+ width1 pravoe_pole_vnutri_tablitsy1 + + + shirina_granitsy1
levoe_pole_vnutri_tablitsy2 +. + + Pravoe_pole_vnutri_tablitsyn
(0,5 * shirina_granitsyn)

Ahol n - sejtek száma egy sorban, és a szélessége-granitsyi - a határ sejtek közötti i és i + 1 Megjegyezzük, hogy a szélessége a táblázat engedélyezve van, csak az egyik a két külső határok; Más határ a területen.

Reakcióvázlat cella szélessége, határok, és a földeken a sejteken belül.

Felhívjuk figyelmét, hogy ebben a modellben, a szélessége a táblázat tartalmazza a fél tábla határon. Sőt, ebben a modellben, a tábla nem területeken belül (de vannak olyan területek).

Konfliktusok megoldására közötti határok

A modellben átfedő határok mindkét végén a határoló sejt lehet adni a tulajdonságait a különböző elemek, amelyek szélén található (sejtvonalak, egy csoport a sorok, oszlopok, és a csoportok az oszlopok a táblázat is), és ezek a határok szélessége változhat, stílus, és a szín. Ebben az esetben az egyes szélén a határ a stílus használt „szemet gyönyörködtető”, azzal az eltéréssel, hogy a határ nem jelenik meg, ha használja a „rejtett” stílus stílus.

Milyen típusú határok „win” konfliktus esetén, a következő szabályokat:

  1. A határokat a tulajdon „border-style”, amely be van állítva, hogy „rejtett”, elsőbbséget élvez minden más összeférhetetlen határokat. Az összes többi határon a megadott helyen jelennek meg.
  2. Közel a határ a stílus „none”, a legalacsonyabb prioritást. Csak akkor, ha a határ tulajdonságai minden elemét ehhez tartozó földterület értéke lehet „none”, nem ismer határokat lesz (de ne feledje, hogy az érték a „nincs” használják a stílus az alapértelmezett határ.)
  3. Ha egyik stílus nem fontos „rejtett”, és legalább egyikük értéke más, mint a „none”, „nyerő” széles mozgásteret. Ha több határok tulajdonságok "border-width ugyanazokat az értékeket, stílust alkalmazunk, az alábbi sorrendben:„kettős”,„szilárd”,„szaggatott”,„szaggatott”,„gerinc”,„kezdettől fogva”,„csatorna”és stílus a legalacsonyabb prioritású „betét”.
  4. Ha szegélystílusok különböznek csak a színe, akkor a megadott formátumban a cella elsőbbséget élvez a vonal stílusát, vonal stílus - a stílus egy csoport sorok, oszlopok, oszlop csoportok, és az asztal.

Az alábbi példa a szabályok alkalmazását a hierarchia. A használata stíluslapok:














1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

Meg kell mutatni a következő táblázat tartalmazza:

Példa táblák metsző határokat.

A következő példa azt mutatja, egy asztal vízszintes vonalakat elválasztó vonalat. A felső határ a tábla van beállítva, hogy „rejtett”, amely nincs felső határa az első sorban. Az eredmény fogja használni az attribútum „szabályok” HTML 4.0 (rules = „sorok”).

Táblázat vízszintes vonalakat elválasztó vonalat.

Ebben az esetben ugyanazt az eredményt lehet beszerezni megadása nélkül az értéke „rejtett”, hogy a határ a teljes táblázatot, és csak az első sorban. Használhatja bármilyen módszerrel.

Itt egy másik példa a határok átlépése:

Táblázat hiányzó két belső határokat.






ize bár
ize bár

szegélystílust

Jelentése egyes ingatlanok értéke "border-style tekintetében az asztalra, és a többi elem különböző. Az alábbi lista az értékek csillaggal jelölt.

Hasonlóképpen, az érték „none”, hanem egy minta átfedő határok szemben elsőbbséget élvez minden más határokat (lásd. A szakasz közötti konfliktusok a határokat).

A határ által képviselt pontok sorozatát.

A határ által képviselt egy sor rövid vonalszakaszok.

A határvonalat szegmens jelenik egységes.

A határ képviseli két folytonos vonalat. Összege vastagságú két sort, és

a köztük lévő távolság értékével egyenlő "border-width.

A határ néz elsüllyedt.

Ezzel szemben a „horony”, a határ jelenik konvex.

A modellben az egyes határok minden úgy néz ki, depressziós. A modellben átfedő határait ezt az értéket, hogy ugyanaz a hatása, mint a „csatorna”.

A modellben az egyes határait az egész blokk néz domború. A modellben átfedő határait ezt az értéket, hogy ugyanaz a hatása, mint a „gerinc”.