Td լիցք. Եզրագծի մասնակի ցուցադրում

2. Property background="URL" - սահմանում է ֆոնի պատկերը: URL-ի փոխարեն պետք է գրվի ֆոնային պատկերի հասցեն։

Օրինակ

Օրինակ աղյուսակ

Սյունակ 1

Սյունակ 2

Էջում փոխակերպվում է հետևյալի.

Դիտարկված օրինակում մեր ֆոնային պատկերգտնվում է img թղթապանակում (որը գտնվում է նույն գրացուցակում, ինչ html էջը), և պատկերը կոչվում է fon.gif: Խնդրում ենք նկատի ունենալ, որ թեգում մենք ավելացրել ենք style="color:white;" . Քանի որ ֆոնը գրեթե սև է, որպեսզի տեքստը չխառնվի ֆոնին, մենք տեքստը դարձրեցինք սպիտակ:

3. Հատկություն bgcolor="color" - սահմանում է աղյուսակի ֆոնի գույնը: Դուք կարող եք ընտրել ցանկացած գույն ամբողջ գունապնակից (տես html գույների կոդերը և անունները)

4. Property border="number" - սահմանում է սեղանի եզրագծի հաստությունը: Նախորդ օրինակներում մենք նշել ենք border="1" , ինչը նշանակում է, որ եզրագծի հաստությունը 1 պիքսել է:

5. Property bordercolor="color" - սահմանում է եզրագծի գույնը: Եթե ​​border="0", ապա եզրագիծ չի լինի, և սահմանի գույնը նշանակություն չի ունենա:

6. Property cellpadding="number" - նահանջ շրջանակից մինչև բջիջի պարունակությունը պիքսելներով:

7. Հատկություն cellpacing=«համար» - բջիջների միջև հեռավորությունը պիքսելներով:

8. Property cols="number" - սյունակների քանակը: Եթե ​​այն չսահմանեք, զննարկիչն ինքը կորոշի սյունակների քանակը: Միակ տարբերությունն այն է, որ այս պարամետրը նշելը, ամենայն հավանականությամբ, կարագացնի աղյուսակի բեռնումը:

9. Property frame="parameter" - ինչպես ցուցադրել եզրագծերը սեղանի շուրջ: Կարող է վերցնել հետևյալ արժեքները.

• void - մի գծեք սահմաններ
• եզրագիծ - սեղանի շուրջ եզրագիծ
• վերևում - եզրագիծ սեղանի վերին եզրի երկայնքով
• ներքևում - եզրագիծը աղյուսակի ներքևի մասում
• hsides - ավելացրեք միայն հորիզոնական եզրագծեր (աղյուսակի վերևում և ներքևում)
• vsides - գծեք միայն ուղղահայաց եզրագծեր (աղյուսակի ձախ և աջ)
• rhs - միայն եզրագիծը աջ կողմըսեղաններ
• lhs - եզրագիծը միայն սեղանի ձախ կողմում

10. Property height="number" - սահմանում է աղյուսակի բարձրությունը՝ պիքսելներով կամ տոկոսներով:

11. Հատկությունների կանոններ = "պարամետր" - որտեղ ցուցադրել սահմանները բջիջների միջև: Կարող է վերցնել հետևյալ արժեքները.

• բոլորը - յուրաքանչյուր աղյուսակի բջիջի շուրջ գծված է գիծ
• խմբեր - գիծ է ցուցադրվում պիտակներով ձևավորված խմբերի միջև

Հատկություններ և հատկություններ

1. Property align="parameter" - սահմանում է առանձին աղյուսակի բջիջի հավասարեցումը: Կարող է վերցնել հետևյալ արժեքները.

• ձախ - ձախ հավասարեցում
• կենտրոն - կենտրոնական հավասարեցում
• աջ - ճիշտ հավասարեցում

2. Property background="URL" - սահմանում է բջջի ֆոնային պատկերը: URL-ի փոխարեն պետք է գրվի ֆոնային պատկերի հասցեն։

3. Հատկություն bgcolor="color" - սահմանում է բջջի ֆոնի գույնը:

4. Property bordercolor="color" - սահմանում է բջիջի եզրագծի գույնը:

5. Property char="letter" - նշում է այն տառը, որից պետք է կատարվի հավասարեցումը: align հատկանիշի արժեքը պետք է սահմանվի char:

6. Հատկություն colspan="number" - սահմանում է հորիզոնական բջիջների քանակը, որոնք պետք է միավորվեն:

7. Property height="number" - սահմանում է աղյուսակի բարձրությունը՝ պիքսելներով կամ տոկոսով:

8. Property width="number" - սահմանում է աղյուսակի լայնությունը՝ պիքսելներով կամ տոկոսով:

9. Property rowspan="number" - սահմանում է միավորվող ուղղահայաց բջիջների քանակը:

10. Property valign="parameter" - բջջի պարունակության ուղղահայաց հավասարեցում:

• վերև - հարթեցրեք բջիջների բովանդակությունը տողի վերին եզրին
• միջին - միջին հավասարեցում
• ներքև - հավասարեցում դեպի ստորին եզր
• բազային - հավասարեցում բազային

Պիտակի համար

Ինչպես կանխել աղյուսակի բջիջների եզրագծերը միմյանց կպչելուց

Եթե ​​դուք օգտագործում եք եզրագիծ (բջջի եզրագիծ) և զրոյական լցոն բջիջների միջև, դրանք դեռևս կպչում են իրար, և դուք ստանում եք կրկնակի եզրագիծ: Սրանից խուսափելու համար հարկավոր է աղյուսակի ոճերում նշել border-collapse: collapse.

...

Հարգելի ընթերցող, այժմ դուք շատ ավելին իմացաք դրա մասին html պիտակսեղան. Հիմա խորհուրդ եմ տալիս անցնել հաջորդ դասին։

HTML աղյուսակի սահմանները հեշտությամբ կարելի է փոխել՝ օգտագործելով CSS գործիքները: Նրանց ցուցադրումը կազմաձևված է՝ օգտագործելով հատկությունները՝ փլուզում և տարածություն:

Աղյուսակի տեսքը խմբագրելու համար օգտագործեք սահմանային հատկությունների խումբը: Այն թույլ է տալիս հարմարեցնել լայնությունը, գույնը, եզրագծերի առկայությունը/բացակայությունը, դրանց ոճը և ցուցադրման այլ հատկանիշներ:

Հիմունքներ

Առանց ոճավորման աղյուսակը կհայտնվի որպես կառուցվածքային տեքստ՝ առանց եզրագծերի: Աղյուսակը html-ում կառուցված է պիտակների միջոցով.

• tr լարերի համար;
• րդ վերնագրերի համար;
• td սյունակների համար:

Գլուխ	Գլուխ	Գլուխ
Բջջ	Բջջ	Բջջ
Բջջ	Բջջ	Բջջ

Տեքստի չափը և տառատեսակը, ֆոնը, զննարկիչի պատուհանի եզրից ներքևերը դրված են css-ով հիմնական կոնտեյներով:

Կազմ ( տառատեսակ-ընտանիք՝ Helvetica, Sans-serif; տառաչափ՝ 5vw; գույն՝ սև, ֆոնի գույն՝ rgba(228, 228, 245); լիցք՝ 20vh; )

Մատրիցայի տեսքը նախագծելու համար օգտագործվում են ոճեր: Border հատկությունը թույլ է տալիս նշել html աղյուսակի եզրագծի հաստությունը, տեսակը և գույնը:

(սահմանի լայնությունը՝ 2vw; եզրագծի ոճը՝ կետավոր, եզրագծի գույնը՝ երկնագույն;)

Կրճատվում է որպես եզրագիծ՝ լայնության ոճի գույն։

( եզրագիծը՝ 1px կոշտ #4c6ea1; )

Կոնկրետ կողմի համար այն սահմանվում է կաղապարի եզրագծով-վերև(/աջ/ներքև/ձախ)-ոճ (/color/width/radius):

(սահմանի վերևի գույնը՝ մուգ կապույտ;)

Padding-ը սահմանում է ներդիրը բջջի ներսում՝ տեքստից դեպի շրջանակ, text-align սահմանում է հավասարեցումը:

Սեղանի տեսքը ձևավորելու համար օգտագործվում են ոճեր: Սահմանի հատկությունը թույլ է տալիս նշել եզրագծի հաստությունը, ոճը և գույնը: Padding-ը սահմանում է տեքստի հետքը, text-align սահմանում է հավասարեցումը:

Th, td ( եզրագիծը՝ 1vw կոշտ #4c6ea1; լիցք՝ 1vw; տեքստի հավասարեցում՝ ձախ; )

Շրջանակներ չկան

Պետք չէ օգտագործել եզրագիծ կամ առանձին նշել եզրագծերի գույնը, -լայնությունը և ոճը, քանի որ դուք կարող եք HTML աղյուսակ պատրաստել առանց եզրագծերի՝ ամբողջական դիզայնով: Օրինակ, հետևյալ ծածկագիրը սահմանում է ֆոնը, լիցքավորումը և կլորացված անկյունները (վերջին մատրիցն առանց ներքին կամ արտաքին գծերի):

Աղյուսակ ( տեքստի հավասարեցում. ձախ; ֆոնի գույնը՝ rgba(228, 228, 245); եզրագծով վերևի ձախ շառավիղը՝ 15em 1em; եզրագծով ներքևի աջ շառավղով. 15em 1em; ) td, th ( լիցք. 1,5 վտ)

Կարողանալով յուրաքանչյուր բջիջի համար նախապատմություն սահմանել՝ առանց եզրագծերի աղյուսակը կարող է թվալ, թե այն ունի մեկ:

Աղյուսակ (տեքստի հավասարեցում` ձախ; ֆոնի գույնը` rgba(228, 228, 245); լայնությունը` 70 վվ; եզրագծերի տարածությունը` 2vh 2vh; ) td, th ( լիցքավորում` 1.5vh; (247, 247, 255);

Կարող եք հեռացնել html աղյուսակի սահմանները՝ թողնելով ներքինը։ Դա անելու համար, օրինակ, նրանք սահմանում են բջիջների սահմանային հատկությունը (tr), սահմանում են ընդհանուր շրջանակներ հարակից կողմերի վրա (փլուզում) և արգելում են մատրիցի շուրջ գծեր նկարելը (թաքնված): Վերջին գործողությունը կթաքցնի բջիջների գծերը, որոնք, երբ փլուզումը միացված է, հայտնվում են աղյուսակի արտաքին եզրերի նույն տեղում:

Աղյուսակ ( տեքստի հավասարեցում. կենտրոն; եզրագծում. ծալում; ֆոնի գույնը՝ rgba(228, 228, 245); եզրագծի շառավիղը՝ 50%, լայնությունը՝ 29 վժ; բարձրությունը՝ 10 վժ; եզրագծի ոճը՝ թաքնված; ) td (լիցք՝ 1,5 վժ; եզրագիծ՝ 0,5 վժ պինդ սև; )

Փլուզվել և առանձնանալ

HTML-ի հիմնական աղյուսակի հատկություններից մեկը՝ border-collapse-ը, որոշում է, թե ինչպես կցուցադրվեն բջիջների սահմանները: Գույքը կարող է ունենալ երեք արժեքներից մեկը՝ փլուզել, առանձնացնել, ժառանգել:

սեղան (սահման-փլուզում. փլուզում;)

Լռելյայն սահմանված է առանձնացնել, այնպես որ յուրաքանչյուր բջիջ կունենա իր սահմանը: Փլուզման շնորհիվ դուք կարող եք միաձուլել բջիջների տողերը, որպեսզի դրանց բովանդակությունը բաժանվի մեկ շրջանակով: Նկարում պատկերված են վերը նկարագրված երեք սահմանային պետությունները՝ առանց ոճերի; սահմանի փլուզմամբ սահմանված է լռելյայն; սահման-փլուզման արժեքով, բջիջների միջև թողնելով ընդհանուր գիծ:

Կրկնակի շրջանակներ

Collapse հատկությունը թույլ է տալիս html աղյուսակի բջիջների սահմանները դարձնել և՛ միմյանցից անկախ, և՛ ընդհանուր: Դրա հետ հաճախ օգտագործվում է սահմանային տարածություն հատկությունը, որը կարգավորում է բջիջների շրջանակների միջև հեռավորությունը: Դուք կարող եք նշել ինչպես հորիզոնական, այնպես էլ ուղղահայաց տարածությունը:

Աղյուսակ (սահմանային տարածություն՝ 0.5vw 1vw; )

Առաջին արժեքը ցույց է տալիս բջիջների միջև հեռավորությունը հորիզոնական, երկրորդը ՝ ուղղահայաց: Եթե ​​շրջանակը նշված է հենց աղյուսակի համար, ապա դրանից մինչև բջիջների հեռավորությունը նույնպես ձևավորվում է spasing հատկությամբ, բայց դրա վրա կարող է ազդել նաև մատրիցայի լիցքավորումը: Այն դեպքերում, երբ մատրիցն ունի ֆոն, բջիջների միջև ազատ տարածությունը կլցվի դրանով։

Աղյուսակ ( եզրագծեր՝ 0.5vw 1vw; եզրագիծ՝ 1vw ամուր #4c6ea1; լիցք՝ 1vw; ֆոնի գույնը՝ սև; ֆոնի գույնը՝ սպիտակ)

Դատարկ բջիջներ

Եթե ​​աղյուսակը չունի միաձուլված բջիջների եզրագծեր, դատարկ բջիջների հատկությունը թույլ է տալիս ցուցադրել բջջային տողերը և ֆոնը, որոնք համարվում են դատարկ (նշված են որպես տեսանելի կամ չունեն նիշեր): Եթե ​​ցանկանում եք ցույց տալ յուրաքանչյուր բջիջի եզրագծերը և ֆոնը, դրեք հատկությունը ցուցադրելու համար:

աղյուսակ (դատարկ բջիջներ՝ ցույց տալ;)

Թաքցնել արժեքը թաքցնում է դատարկ բլոկների սահմաններն ու նախապատմությունները: Եթե ​​տողում բոլոր բջիջները դատարկ են, ապա տողն ունի զրոյական բարձրություն և միայն մեկ ուղղահայաց գիծ:

Աղյուսակ ( եզրագծի տարածություն՝ 0.5vw 1vw; եզրագիծ՝ 0.1vw կոշտ #4c6ea1; լիցք՝ 0.5vw; ֆոնի գույն՝ rgba(33, 31, 171, 0.12); դատարկ բջիջներ՝ թաքցնել; ) td, th ( եզրագիծ 0.3vw կոշտ #4c6ea1 տեքստի հավասարեցում. ձախ;

Հատկանիշ

Տարրերի խմբերին (բջիջներ, սյունակներ, տողեր, տողերի խմբեր կամ սյունակներ) սահմաններ հատկացնելու համար կա կանոններ հատկանիշ: Դրա արժեքը գրված է անմիջապես html-ում աղյուսակի թեգի մեջ։

Այն թույլ է տալիս ընտրողաբար նկարել տարրերի շրջանակները: Բավական է նշել հատկանիշը html-ում, սա ներքին գծեր կստեղծի բջիջների միջև։ html աղյուսակի եզրագիծը պետք է ձեռքով նշվի css-ում:

Գլուխ	Գլուխ	Գլուխ
Բջջ	Բջջ	Բջջ
Բջջ	Բջջ	Բջջ

սեղան (վերևի եզրագիծը՝ 1vw կոշտ #486743; տառաչափը՝ 5vw; ) th, td (լիցք՝ 2vw; )

Այսպիսով, առաջին նկարը ցույց է տալիս հատկանիշի մաքուր աշխատանքը՝ առանց լրացուցիչ շրջանակի ձևավորման աղյուսակի միջոցով: Երկրորդ նկարում ավարտված է վերին գիծը, որը տեղադրվել է հրահանգների միջոցով։

Աղյուսակ (վերևի եզրագիծը՝ 1vw կետավոր #486743; )

Հատկանիշը կարող է ունենալ մի քանի արժեք: Բոլորը սահմաններ են ստեղծում 1px եզրագծի հաստությամբ բջիջների միջև: Cols-ը գծեր է ստեղծում սյունակների միջև, տողերը՝ տողերի միջև, ոչ մեկը չի ջնջում եզրերը: Նկարը ցույց է տալիս աղյուսակի օրինակներ բոլոր արժեքներով և տողերով:

Դուք կարող եք փոխել բջիջների եզրագծերի գույնը և շրջանակի լայնությունը, երբ օգտագործում եք կանոնների հատկանիշը՝ օգտագործելով եզրագիծը և սահմանագույնը:

Ոճային կոնֆլիկտներ

Բջիջներին, տողերին, սյունակներին և տարրերի խմբերին կարող են տրվել իրենց սահմանային արժեքները: Այնուամենայնիվ, դրանք կարող են տարբերվել երեք պարամետրերով `ոճ, հաստություն և գույն:

Փլուզման ռեժիմում ոճային կոնֆլիկտներ են առաջանում: Հաշվի առնելով այն հանգամանքը, որ մեկ եզրագիծը կարող է ենթարկվել երկու տարբեր բջիջների կանոնին, խնդիր է առաջանում ընտրել այնպիսի ոճ, որը կգերակայի: Ինչպես գրում է Է. Մալչուկը, հաղթում է ամենա «գրավիչը» (բացի թաքնվածից):

1. Եթե ​​տարրերից մեկի վրա դրված է վիճարկվող սահմանի սահմանային հատկությունը թաքնված, ապա այդ ոճը հաղթում է: Hidden-ն ունի ամենաբարձր առաջնահերթությունը:
2. Ամենափոքր քաշը ոչ մեկն է: Այն նաև թելադրում է, որ տողը չպետք է ցուցադրվի, բայց որպեսզի հրահանգը կատարվի, այդ տողի բոլոր տարրերը պետք է ունենան այս (ոչ մի) կանոնը։
3. Բարակ և հաստ եզրագծերի միջև ավելի մեծ առաջնահերթություն ունեն հաստ եզրերը:
4. Նույն շրջանակներով, բայց տարբեր ոճերով, կրկնակի պինդ միշտ հաղթում է, որին հաջորդում է ամուր, գծավոր, կետավոր:
5. Եթե ​​տարբերությունները միայն գույներն են, ապա ամենափոքր բաղադրիչի տեսքը միշտ ավելի բարձր է (բջջի ձևավորումն ավելի առաջնահերթություն ունի, քան տողերը, իսկ տողերն ավելի բարձր են, քան աղյուսակները):

Կոնֆլիկտի նկարազարդում

Հեշտ է պատկերացնել ոճերի հակամարտությունը՝ օգտագործելով արդեն քննարկված աղյուսակը: Բավական է բջիջներին մի քանի դաս ավելացնել և դրանց դիզայնը նշել։ Html-ն ընդունում է ձևը՝

Գլուխ	Գլուխ	Գլուխ
Բջջ	Բջջ	Բջջ
Բջջ	Բջջ	Բջջ

Համապատասխան css.

Տեքստ ( տառատեսակ-ընտանիք՝ Helvetica, Sans-serif; տառաչափ՝ 5vw; գույն՝ սև; լուսանցք՝ 0; լայնություն՝ 80vw; ֆոնի գույն՝ սպիտակ; լիցք՝ 3vw; ) աղյուսակ (ֆոնի գույնը՝ rgba(33) , 31, 171, 0,12 ներդիր՝ 0,5vw, եզրագծային միջակայք: .second_cell ( եզրագիծը՝ 0.01vw պինդ #4c6ea1; ) .third_cell ( եզրագիծը՝ 0.01vw կրկնակի կարմիր; )

Շրջանակների ոճերը

Եզրագծի ձևավորումը կարող է սահմանվել բջիջի յուրաքանչյուր կողմի համար առանձին: Դա անելու համար բավական է սահմանային ոճում նշել ոչ թե մեկ արժեք, այլ թվարկել չորսը, որոնք համապատասխանում են բջիջի կողմերին:

Th, td ( լիցք՝ 1vw; տեքստի հավասարեցում՝ ձախ; եզրագծի լայնությունը՝ 0.5vw; եզրագծի գույնը՝ մուգ, եզրագծի ոճը՝ կետավոր; ) .յոթ ( եզրագծի վերևի գույնը՝ երկնագույն; եզրագծի վերևի ոճը եզրագիծ-աջ-լայնություն: եզրագիծ-ներքևի ոճ: եզրագիծ-ձախ-թաքուն;

Դուք կարող եք տվյալներ նշել մեկ տողում՝ նշելով մեկից չորս տարբեր արժեքներ: Յուրաքանչյուրն ավանդաբար դառնում է կողմերից մեկի հրահանգ։

• Եթե ​​դուք սահմանեք երկու արժեք, ապա առաջինը պատասխանատու կլինի ստորին և վերին սահմանների համար, երկրորդը `ձախի և աջի համար:
• Երեքից առաջինը պատասխանատու է վերևի համար, երկրորդը՝ ձախ և աջ, երրորդը՝ ստորին գծի համար։
• Չորս արժեքները եզակիորեն սահմանում են տողերից յուրաքանչյուրը՝ սկսած վերևից ժամացույցի սլաքի ուղղությամբ դեպի ձախ:

Կարող եք նաև նշել բջիջների սահմանների ձևավորումը՝ պարզապես յուրաքանչյուր կողմի համար տվյալներ սահմանելով, ինչպես ցույց է տրված վերևում:

Ընդհանուր առմամբ կան տասը շրջանակի ոճեր: Նրանք բոլորը փոխում են գիծը կամ հեռացնում այն.

• ոչ մեկը - ոչ մի սահման;
• թաքնված - ավելի խիստ ոչ մեկը, արգելափակում է հատկանիշի տեսքը (կոնֆլիկտային իրավիճակում);
• կետավոր - պատրաստված կետերից;
• գծիկ - կետավոր;
• պինդ - ամուր;
• կրկնակի - կրկնակի պինդ;
• ակոս - շրջանակը կարծես սեղմված է մակերեսի մեջ;
• լեռնաշղթա - ուռուցիկ գիծ;
• ներդիր - փաստորեն, տարրի մի կողմի համար այն իրեն պահում է լեռնաշղթայի պես, եթե կիրառվում է ամբողջ տարրի վրա, ապա վերևն ու ձախը ստվերում են, իսկ ներքևն ու աջը ընդգծված են.
• սկզբից - իրեն պահում է ակոսի պես, երբ կիրառվում է տարրի մի կողմի վրա, այն ծածկում է ներքևի և աջ կողմը, վերևն ու ձախը դարձնելով ավելի թեթև:

Ոճերից մեկը կիրառվում է յուրաքանչյուր բջիջի վրա (վերին և ձախ կողմերում): Որպեսզի նրանք միմյանց հետ չմրցեն, «ամենաթույլներին» տրվում են ամենաբարձր արժեքները։

Աղյուսակ (ֆոնի գույնը՝ rgba(33, 31, 171, 0.12); լիցք՝ 0.5vw; եզրագծում՝ ծալել; եզրագիծ՝ 0.3vw ամուր սև; ) .մեկ ( եզրագծով վերև՝ թաքնված; եզրագծով ձախ՝ թաքնված; ) .երկու ( եզրագծով վերև՝ 0.4vw կրկնակի #4c6ea1; եզրագծով ձախ՝ 0.4vw կրկնակի #4c6ea1; ) .երեք ( եզրագծով վերև՝ 0.5vw պինդ #4c6ea1; եզրագիծ-ձախ՝ 0.5vw պինդ #4c6ea1 .չորս (վերևի եզրագիծը՝ 0.7vw գծիկ #4c6ea1; եզրագիծ-ձախ՝ 0.7vw գծիկ #4c6ea1;) եզրագիծ-ձախ: 0.8vw կետավոր #4c6ea1.վեց (սահման-վերև: 0.9vw եզր #4c6ea1; եզրագիծ-ձախ` 0.9vw գագաթ #4c6ea1;) .յոթ (վերևի եզրագիծ: 1vw սկզբից #4c6ea1 .ութ ( եզրագծի վերևում՝ 1.1vw ակոս #4c6ea1; եզրագծով ձախ՝ 1.1vw ակոս #4c6ea1; ) .ինը (սահմանային վերև՝ 1.2vw ներդիր #4c6ea1; ներդիր #4c6ea1;

Նյութի կառուցվածքը

Մատրիցայում ներկայացված տվյալների բնույթը հաճախ պահանջում է աղյուսակի սահմանների, բջիջների շրջանակների, տողերի կամ սյունակների փոփոխություն: Դրա համար կարող եք օգտագործել.

• զրոյական տողեր (սահմանի լայնության համար նշեք 0px արժեքը);
• թաքնված.

Թաքնվածի առավելությունը նրա առաջնահերթությունն է։ Եթե ​​միանգամից երկու տարրերի կանոնը կիրառվում է եզրագծի վրա, և դրանցից մեկի արժեքը թաքնված է եզրագծի ոճում, տողը չի ցուցադրվի: Այսինքն, դուք կարող եք հեշտությամբ ստեղծել ամբողջ աղյուսակը, ապա ընտրովի հեռացնել ավելորդ շրջանակները:

Բջիջների վրա թաքնվածի օգտագործումը անհնարին է դարձնում եզրագիծը վերականգնելն այլ մեթոդներով (բացի ծանրակշիռ! կարևոր է): Հետևաբար, եթե ձեզ անհրաժեշտ է հեռացնել բջիջների որոշ կողմեր, ավելի լավ է օգտագործել ոչ մեկը:

Ասենք սեղան կա։ Նպատակը առաջին գծի ներսում ուղղահայաց եզրագծերը հեռացնելն է: Այն նշվում է առանձին պիտակով (վերնագիր), ուստի լրացուցիչ դաս մուտքագրելու կարիք չկա։ Եթե ​​թաքնված կիրառեք ամբողջ պիտակի վրա՝ նշելով սահման-ձախ, ապա ներքին եզրագծերի հետ մեկտեղ կհեռացվի աղյուսակի կողային շրջանակի մի մասը, որը պայմանով չէր պահանջվում։ Եթե ​​դուք օգտագործում եք ոչ մեկը և մատրիցային գիծ, ​​ապա ներքին գծերի համար կլինեն երկու չհակասական կանոններ, իսկ արտաքին եզրի համար ոչ մեկը չի հակասի աղյուսակում տրված կանոնին, և կողմը կմնա տեղում: .

Առանձին բջջային գծերի հեռացումը կատարվում է դասերի միջոցով, որոնք վերագրված են համապատասխան տարրերին, ինչպես ցույց է տրված ոճի, լայնության և գույնի անհատական ​​պարամետրը:

Մինչդեռ html աղյուսակում կողային եզրագիծը հեռացնելն ավելի հեշտ է` հղում անելով մատրիցայի արտաքին շրջանակներին, որոնք նշված են աղյուսակում: Բավական է css-ում նշել կոնկրետ տող։

Աղյուսակ (սահմանի ձախ ոճ. թաքնված;)

Շողերում եզրագծերի հեռացումը հեշտ է իրականացնել՝ օգտագործելով սահմանային հատկությունը tr-ում թաքնված արժեքով: Նրանք ոչ միայն անհետանում են հորիզոնական գծերսեղաններ, բայց նաև կողային սեղաններ: Մատրիցը վերածվում է ուղղահայաց սյուների:

Tr (սահմանային ոճ. թաքնված;)

Որպես վերջին միջոց, դիմեք!կարևորին: Եթե ​​այն ավելացնեք հրահանգից հետո, այն կստանա լրացուցիչ առաջնահերթություն:

HTML աղյուսակի եզրագծերը ճկուն են և հեշտ է հարմարեցնել: Սահմանային հատկությունների խումբը թույլ է տալիս թաքցնել տարրերը, փոխել գույնը, լայնությունը կամ ոճը: Աղյուսակների թերությունն այն է, որ սեղանի վրա կիրառվող կանոնների համակցության արդյունքը միշտ չէ, որ հստակ կանխատեսելի է: անհատական ​​տարր. Հաշվի առնելով դա՝ խորհուրդ է տրվում կա՛մ նվազեցնել եզրագծերի հնարավոր ոճերի քանակը, կա՛մ կիրառել դրանք ընտրովի:

Սեղաններն իրենք բավականին վատ տեսք ունեն, և բրաուզերները յուրովի ցուցադրում են աղյուսակի որոշ բնութագրեր, մասնավորապես՝ շրջանակներ: Միևնույն ժամանակ, այս թերությունները կարելի է հեշտությամբ շտկել՝ օգտագործելով ոճերի ուժը։ Միևնույն ժամանակ, աղյուսակների ձևավորման միջոցները մեծապես ընդլայնվում են, ինչը թույլ է տալիս հաջողությամբ տեղավորել աղյուսակները կայքի ձևավորման մեջ և ավելի հստակ ներկայացնել աղյուսակային տվյալները:

Բջջի ֆոնի գույնը

Սեղանի բոլոր բջիջների ֆոնի գույնը միաժամանակ սահմանվում է ֆոնային հատկության միջոցով, որը կիրառվում է TABLE ընտրիչի վրա: Այս դեպքում դուք պետք է հիշեք ոճերի օգտագործման կանոնները, մասնավորապես, տարրերի հատկությունների ժառանգությունը: Թեև ֆոնային հատկությունը ժառանգված չէ, բջիջների համար լռելյայն ֆոնային արժեքը թափանցիկ է, այսինքն. թափանցիկություն, ուստի ֆոնի լրացման էֆեկտը նույնպես ստացվում է բջիջների համար: Եթե ​​TABLE-ի հետ միաժամանակ գույն եք սահմանում TD կամ TH ընտրիչի համար, ապա այս գույնը կսահմանվի որպես բջջի ֆոն (օրինակ 2.3):

Օրինակ 2.3. Ֆոնի գույնը

Վերնագիր 1	Վերնագիր 2
Բջջ 3	Բջջ 4

Այս օրինակում մենք ստանում ենք բջիջների համար կապույտ ֆոնի գույն (պիտակ

Բրինձ. 2.9. Բջիջներում տեքստի հավասարեցում

Ուղղահայաց հավասարեցումը բջիջում միշտ կենտրոնացված է, եթե այլ բան նշված չէ: Սա միշտ չէ, որ հարմար է, հատկապես սեղանների համար, որոնց բջիջների պարունակությունը տարբերվում է բարձրությունից: Այս դեպքում հավասարեցումը դրվում է բջիջի վերին եզրին՝ օգտագործելով ուղղահայաց հավասարեցում հատկությունը, ինչպես ցույց է տրված Օրինակ 2.9-ում:

Օրինակ 2.9. Հավասարեցրեք բջիջի բովանդակությունը ուղղահայաց

Օրինակ 2.4. Դաշտերը աղյուսակներում

Այս օրինակը սահմանում է վերնագրի բարձրությունը