ชื่อเต็มของ CSS คือ Cascading Style Sheet สไตล์ชีทแบบเรียงซ้อน
1. สี่วิธีการใช้งาน CSS:
1. ประเภทที่ฝัง:
2. ประเภทลิงก์ภายนอก:
3. ประเภทที่นำเข้า
4. ประเภทแอตทริบิวต์:
2. คำจำกัดความ CSS:
เลือกวัตถุ {แอตทริบิวต์ 1: ค่า 1; คุณลักษณะ 2: ค่า 2; คุณลักษณะ 3: ค่า 3;
ชอบ:
td{ขนาดตัวอักษร:12px;สี:#FFFF00}
.myname{font-size:12px;color:#FFFF00}
a:hover{font-size:12px;color:#FFFF00;text- decoration: underline;}
สาม
1.ตัวเลือก HTML (TagName)
2.ตัวเลือกคลาส (.NAME)
3.ตัวเลือก ID (#IDname)
4. วัตถุพิเศษ (a:hover a:link a:visited a:active)
1.ตัวเลือก HTML
ตัวเลือก HTML คืออักขระมาร์กอัปของ HTML เช่น: DIV, TD, H1 ขอบเขตของตัวเลือก HTML คือแท็กทั้งหมดในทุกหน้าที่ใช้สไตล์นั้น
ตัวอย่าง:
ทีดี
-
สี: #FF0000;
-
-
หมายเหตุ: หน้าที่ของโค้ดคือเปลี่ยนข้อความในเซลล์ตารางเป็นสีแดงโดยอัตโนมัติ
2.ตัวเลือกคลาส
ในการกำหนดตัวเลือกคลาส คุณต้องเพิ่มจุด "." ให้กับชื่อคลาส เช่น ".classname" ขอบเขตของตัวเลือกคลาสคือแท็กทั้งหมดที่มี "class="classname""
ตัวอย่าง:
.fontRed
-
สี: #FF0000;
-
-
หมายเหตุ: ไม่มี "class="fontRed"" ในอันที่สอง ดังนั้นข้อความจึงไม่เปลี่ยนเป็นสีแดง
ตัวเลือก 3.ID
ในการกำหนดตัวเลือก ID คุณต้องเพิ่มจุด "#" ให้กับชื่อ เช่น "#IDname" ขอบเขตของตัวเลือก ID คือแท็กทั้งหมดที่มี "ID="classname""
ตัวอย่าง:
#fontRed
-
สี: #FF0000;
-
-
หมายเหตุ: ไม่มี "ID="fontRed"" ในอันที่สอง ดังนั้นข้อความจึงไม่เปลี่ยนเป็นสีแดง
4. วัตถุพิเศษ วัตถุพิเศษมีสี่ประเภทซึ่งถูกกำหนดไว้สำหรับวัตถุที่เชื่อมโยง:
a:hover ไฮเปอร์ลิงก์เมื่อเลื่อนเมาส์ไปเหนือ
a:link ไฮเปอร์ลิงก์ปกติที่ไม่สามารถเข้าถึงได้
a: เยี่ยมชมไฮเปอร์ลิงก์ที่เยี่ยมชมแล้ว
ขอบเขตของวัตถุพิเศษไฮเปอร์ลิงก์ a:active เมื่อคลิกเมาส์คือเครื่องหมายทั้งหมด (ประโยคนี้อาจมีการอภิปราย เนื่องจากเร็วๆ นี้จะมีวิธีการคว่ำคำว่า "ทั้งหมด")
ตัวอย่าง:
ตอบ: โฮเวอร์
-
สี: #0000FF;
การตกแต่งข้อความ: ขีดเส้นใต้;
-
-
ให้ความสนใจกับสิ่งต่อไปนี้ มันมีประโยชน์มาก! - -
ก.ชื่อคลาส:โฮเวอร์
a#IDname:โฮเวอร์
วิธีการเขียนทั้งสองวิธีนี้ใช้กับ .classname และ #IDname ตามลำดับ ขอบเขตของมันจะกลายเป็นแท็กทั้งหมดที่มี "class="classname"" หรือ "ID="IDname"" วิธีการเขียนนี้สามารถช่วยให้คุณได้เอฟเฟ็กต์ a:hover หลายรายการในหน้าเดียวกัน คุณสามารถดูความแตกต่างระหว่างข้อความในแถบนำทางบนหน้าแรกของ Yiwang และชื่อบทความทั่วไปได้เมื่อคุณเลื่อนเมาส์ไปวางเหนือมัน
4. การสมัคร:
1. ใช้เครื่องหมายโดยอัตโนมัติ
2. คลาสพิเศษ คลาส = "NAME"
3.ID ID = "ชื่อไอดี"
4. ออบเจ็กต์พิเศษจะใช้โดยอัตโนมัติ 5. คุณสมบัติ CSS
มีคุณสมบัติ CSS มากมาย เช่น สี ซึ่งถูกใช้บ่อยที่สุดข้างต้น เพื่อระบุสีของข้อความ สีพื้นหลังแสดงถึงสีพื้นหลัง นี่เป็นสิ่งสำคัญที่สุด แต่เนื่องจากไม่ยาก เพียงดูคู่มือที่เกี่ยวข้อง
คุณสมบัติแท็ก CSS/การอ้างอิงคุณสมบัติ นี่คือรายการคุณสมบัติแท็กสไตล์ชีต (CSS) ที่สนับสนุนในปัจจุบัน
แอตทริบิวต์แท็ก CSS/แอตทริบิวต์
แอตทริบิวต์พฤติกรรม แบบอักษรพฤติกรรม
และทิศทางแอตทริบิวต์ข้อความ
ทิศทาง [di?rek??n] คู่มือ
แบบอักษร
ตระกูลแบบอักษร
ขนาดตัวอักษร
แบบตัวอักษร
ตัวแปรฟอนต์ [?v??ri?nt]
น้ำหนักแบบอักษร [weit] น้ำหนัก
โหมด ime [m?ud] โหมด
เลย์เอาต์กริด [?leiaut] เลย์เอาต์เรียงพิมพ์ [ɡrid] ตาราง
โครงร่างตารางถ่าน [t?ɑ:](เบิร์น..)
เค้าโครงเส้นตาราง
รูปแบบกริดโหมด
เค้าโครงตารางประเภท
การเว้นวรรคตัวอักษร [?let?] การเว้นวรรคตัวอักษร [?speisi?]
ตัวแบ่งบรรทัด [breik] ตัวแบ่ง
ความสูงเส้น [hait] ความสูง
ความสูงขั้นต่ำ
ทับทิมจัด [?ru:bi] ทับทิม
ruby-overhang [??uv??hæ?] ยื่นออกมา
ตำแหน่งทับทิม [p??zi??n] ตำแหน่ง
จัดข้อความ
text-autospace [speis] การเว้นวรรคอัตโนมัติ
การตกแต่งข้อความ [?dek??rei??n] การตกแต่ง
เยื้องข้อความ [in?dent] การเรียงพิมพ์เยื้อง
ปรับข้อความให้เหมาะสม [?d??stifai] การจัดตำแหน่ง
ข้อความ-kashida-space
ข้อความล้น [??uv??fl?u] ล้น
การแปลงข้อความ [træns?f?:m] เปลี่ยนแปลง
ข้อความขีดเส้นใต้ตำแหน่ง
ยูนิโค้ด-bidi [?bi:di]
แนวตั้งจัด
พื้นที่สีขาว
แบ่งคำ
การตัดคำ
โหมดการเขียน
และการแนบพื้นหลัง
สีพื้นหลัง
ภาพพื้นหลัง
ตำแหน่งพื้นหลัง
พื้นหลังตำแหน่ง-x
พื้นหลังตำแหน่ง-y
พื้นหลังซ้ำ
เส้นขอบแอตทริบิวต์เค้าโครง
สี
ขอบล่าง
ขอบล่างสี
สไตล์ขอบด้านล่าง
เส้นขอบด้านล่างกว้าง
ชายแดนยุบ*
เส้นขอบสี
ขอบซ้าย
ขอบซ้ายสี
สไตล์เส้นขอบซ้าย
เส้นขอบซ้ายความกว้าง
เส้นขอบขวา
เส้นขอบขวาสี
สไตล์เส้นขอบขวา
เส้นขอบขวาความกว้าง
สไตล์เส้นขอบ
ขอบด้านบน
ขอบด้านบนสี
สไตล์ขอบด้านบน
เส้นขอบด้านบนกว้าง
ความกว้างของเส้นขอบ
ชัดเจน
ลอย
เค้าโครงไหล
ระยะขอบ
ขอบล่าง
ขอบซ้าย
ขอบขวา
ขอบด้านบน
ช่องว่างภายใน
ช่องว่างภายในด้านล่าง
ช่องว่างภายในด้านซ้าย
ช่องว่างภายในด้านขวา
ช่องว่างด้านบน
scrollbar-3dlight-สี
แถบเลื่อนลูกศรสี
scrollbar-ฐาน-สี
scrollbar-darkshadow-สี
แถบเลื่อนสีหน้า
แถบเลื่อนเน้นสี
แถบเลื่อนเงาสี
เค้าโครงตาราง
ลักษณะ
รายการแอตทริบิวต์การจำแนกประเภท
การซูม
รายการสไตล์ภาพ
รายการสไตล์ตำแหน่ง
คลิป
ด้านล่าง
แอตทริบิวต์การวางตำแหน่งประเภทรายการ
ความสูง
ซ้าย
ล้น
ล้น-x
ล้น-y
ตำแหน่ง
ขวา
สูงสุด
การมองเห็น
ความกว้าง
หน้าแอตทริบิวต์การพิมพ์
ดัชนี z
pageBreakAfter
แอตทริบิวต์ตัวกรอง
pageBreakBefore
กรองคลาสหลอกและคุณลักษณะอื่น ๆ :
@charset
ที่ใช้งานอยู่
เคอร์เซอร์
:อักษรตัวแรก
:บรรทัดแรก
@font-face
:โฮเวอร์
@นำเข้า
!สำคัญ
:ลิงค์
@สื่อ
@หน้าหนังสือ
: มาเยือนแล้ว
วิธีหลักในการบรรลุเอฟเฟกต์เส้นขอบรูปภาพ CSS
วิธีที่ง่ายกว่าคือกำหนดเส้นขอบ (เส้นขอบ) สำหรับ img ในไฟล์ CSS โดยตรง
img.framed {
ช่องว่างภายใน: 6px;
เส้นขอบ: 1px ทึบ #CCCCCC;
สีพื้นหลัง: #FFFFFF; }
จากนั้นในไฟล์ HTML หรือเมื่อมีการอัพเดตหน้าเว็บ การใช้ class="framed" สำหรับคำจำกัดความของภาพที่ฝังไว้จะมีเอฟเฟกต์เส้นขอบที่สอดคล้องกัน
ข้อดีของวิธีการข้างต้นคือค่อนข้างง่าย แต่เอฟเฟ็กต์ที่ได้นั้นค่อนข้างซ้ำซากจำเจและอาจไม่ได้ผลลัพธ์ที่น่าพอใจและเอฟเฟกต์พิเศษบางอย่าง เช่น เงา การเปลี่ยนสี ฯลฯ ซึ่งสามารถทำได้ดีมากโดยใช้การแทนที่รูปภาพและการแปลตำแหน่ง ฉันจะไม่ลงรายละเอียดที่นี่ ฉันเชื่อว่าเมื่อคุณเรียนรู้ CSS พื้นฐานแล้ว การท้าทายเอฟเฟกต์ CSS ขั้นสูงกว่านี้ก็ไม่ใช่เรื่องยาก
การเรียงลำดับไวยากรณ์ css สำหรับเส้นขอบตาราง
เรารู้ว่า Dreamweaver ทำงานได้ดีมากในการสร้างตาราง แต่ในบางจุดก็ยังต้องรวมเข้ากับ css เพื่อให้ได้เอฟเฟกต์เฉพาะบางอย่าง เรามาเรียงลำดับไวยากรณ์ css สำหรับเส้นขอบตารางกันก่อน แล้วแนะนำแยกกัน วิธีตกแต่งขอบตารางด้วย css
ไวยากรณ์ CSS เฉพาะสำหรับเส้นขอบตาราง
ประกอบด้วย: ความกว้างของเส้นขอบด้านบน, ความกว้างของเส้นขอบด้านขวา, ความกว้างของเส้นขอบด้านล่าง, ความกว้างของเส้นขอบด้านซ้าย, ความกว้างของเส้นขอบ, สีของเส้นขอบ, ลักษณะเส้นขอบ, เส้นขอบด้านบน, เส้นขอบด้านล่าง, เส้นขอบด้านซ้าย, เส้นขอบด้านขวา, เส้นขอบ, ความกว้าง ความสูง ป้ายกำกับที่เกี่ยวข้อง ฯลฯ
1.
ไวยากรณ์ความกว้างของเส้นขอบด้านบน: ความกว้างของเส้นขอบด้านบน: <ค่า>
ค่าที่อนุญาต: บาง | . ปานกลาง |.
ค่าเริ่มต้น: ปานกลาง
ใช้ได้กับ: วัตถุทั้งหมด
ความเข้ากันได้แบบย้อนหลัง: ไม่ใช่
แอตทริบิวต์ความกว้างของเส้นขอบด้านบนใช้ในการระบุ ความกว้างของเส้นขอบด้านบนขององค์ประกอบ ค่านี้สามารถเป็นหนึ่งในสามคำหลัก ซึ่งไม่มีผลกระทบจากขนาดตัวอักษรหรือความยาว และสามารถใช้เพื่อปรับใช้ความกว้างตามสัดส่วนได้ ไม่อนุญาตให้ใช้ค่าลบ นอกจากนี้ยังสามารถใช้เพื่อย่อเส้นขอบด้านบน ความกว้างของเส้นขอบ หรือคุณสมบัติของเส้นขอบได้
2.
ไวยากรณ์ความกว้างของเส้นขอบด้านขวา: ความกว้างของเส้นขอบ: <value>
ค่าที่อนุญาต: บาง | . ปานกลาง | . <ความยาว>
ค่าเริ่มต้น: ปานกลาง
ใช้ได้กับ: วัตถุทั้งหมด
ความเข้ากันได้แบบย้อนหลัง: ไม่ มี
การใช้แอตทริบิวต์ความกว้างของเส้นขอบด้านขวาเพื่อระบุ องค์ประกอบ ความกว้างของเส้นขอบด้านขวา ค่านี้สามารถเป็นหนึ่งในสามคำหลัก ซึ่งไม่มีผลกระทบจากขนาดตัวอักษรหรือความยาว และสามารถใช้เพื่อกำหนดความกว้างตามสัดส่วนได้ ไม่อนุญาตให้ใช้ค่าลบ ยังสามารถใช้เพื่อย่อเส้นขอบด้านขวา ความกว้างของเส้นขอบ หรือคุณสมบัติของเส้นขอบได้
3.
ไวยากรณ์ความกว้างของเส้นขอบด้านล่าง: ความกว้างของเส้นขอบด้านล่าง: <value>
ค่าที่อนุญาต: บาง | . ปานกลาง | . <ความยาว>
ค่าเริ่มต้น: ปานกลาง
ใช้ได้กับ: วัตถุทั้งหมด
ความเข้ากันได้แบบย้อนหลัง: ไม่ มี
การใช้แอตทริบิวต์ความกว้างของเส้นขอบด้านล่างเพื่อระบุ องค์ประกอบ ความกว้างของเส้นขอบด้านล่าง ค่านี้สามารถเป็นหนึ่งในสามคำหลัก ซึ่งไม่มีผลกระทบจากขนาดตัวอักษรหรือความยาว และสามารถใช้เพื่อปรับใช้ความกว้างตามสัดส่วนได้ ไม่อนุญาตให้ใช้ค่าลบ นอกจากนี้ยังสามารถใช้เพื่อย่อเส้นขอบด้านล่าง ความกว้างของเส้นขอบ หรือคุณสมบัติของเส้นขอบได้
4.
ไวยากรณ์ความกว้างของเส้นขอบด้านซ้าย: ความกว้างของเส้นขอบด้านซ้าย: <value>
ค่าที่อนุญาต: บาง | . ปานกลาง | . <ความยาว>
ค่าเริ่มต้น: ปานกลาง
ใช้ได้กับ: วัตถุทั้งหมด
ความเข้ากันได้แบบย้อนหลัง: ไม่ มี
การใช้แอตทริบิวต์ความกว้างของเส้นขอบด้านซ้ายเพื่อระบุ องค์ประกอบ ความกว้างของเส้นขอบด้านซ้าย ค่านี้สามารถเป็นหนึ่งในสามคำหลัก ซึ่งไม่มีผลกระทบจากขนาดตัวอักษรหรือความยาว และสามารถใช้เพื่อปรับใช้ความกว้างตามสัดส่วนได้ ไม่อนุญาตให้ใช้ค่าลบ นอกจากนี้ยังสามารถใช้เพื่อย่อเส้นขอบด้านซ้าย ความกว้างของเส้นขอบ หรือคุณสมบัติของเส้นขอบได้
5.
ไวยากรณ์ความกว้างของเส้นขอบ: ความกว้างของเส้นขอบ: <value>
ค่าที่อนุญาต: [thin |. medium |.
ค่าเริ่มต้น: ไม่ได้กำหนด
ใช้ได้กับ: ออบเจ็กต์ทั้งหมด
ความเข้ากันได้แบบย้อนหลัง: ไม่มี
แอตทริบิวต์ความกว้างของเส้นขอบ ขอบเขตขององค์ประกอบที่มีค่าหนึ่งถึงสี่ค่า โดยที่ค่าคือคีย์เวิร์ดหรือความยาว ไม่อนุญาตให้มีความยาวติดลบ หากระบุค่าทั้งสี่ค่า ค่าเหล่านั้นจะนำไปใช้กับรูปแบบเส้นขอบด้านบน ขวา ล่าง และซ้ายตามลำดับ หากระบุค่า ค่านั้นจะถูกนำไปใช้กับแต่ละขอบ หากระบุค่าไว้สองหรือสามค่า ค่าที่ละไว้จะเท่ากับด้านตรงข้าม คุณสมบัตินี้เป็นชวเลขสำหรับคุณสมบัติด้านบน ขวา ล่าง และซ้าย คุณยังสามารถใช้แอตทริบิวต์เส้นขอบแบบย่อได้
6. ไวยากรณ์สีของเส้นขอบ
: border-color: <value>
ค่าที่อนุญาต: <color>{1,4}
ค่าเริ่มต้น: ค่าของแอตทริบิวต์สี
ใช้ได้กับ: ออบเจ็กต์ทั้งหมด
ความเข้ากันได้แบบย้อนหลัง: ไม่ใช่
คุณลักษณะสีเส้นขอบตั้งค่าเส้นขอบ สีขององค์ประกอบ คุณสามารถใช้คำหลักได้หนึ่งถึงสี่คำ หากระบุค่าทั้งสี่ค่า ค่าเหล่านั้นจะนำไปใช้กับรูปแบบเส้นขอบด้านบน ขวา ล่าง และซ้ายตามลำดับ หากระบุค่า ระบบจะนำไปใช้กับแต่ละขอบ หากระบุค่าไว้สองหรือสามค่า ค่าที่ละไว้จะเท่ากับด้านตรงข้าม คุณยังสามารถใช้แอตทริบิวต์เส้นขอบแบบย่อได้
7. รูปแบบเส้นขอบ
: <value>
ค่า
ที่อนุญาต: [ none |. dotted |. solid
|
ด้วย: Noคุณสมบัติเส้นขอบใช้เพื่อกำหนดรูปแบบของเส้นขอบขององค์ประกอบ คุณสมบัตินี้ต้องใช้เพื่อระบุเส้นขอบที่มองเห็นได้ คุณสามารถใช้คำหลักได้หนึ่งถึงสี่คำ หากระบุค่าทั้งสี่ค่า ค่าเหล่านั้นจะนำไปใช้กับรูปแบบเส้นขอบด้านบน ขวา ล่าง และซ้ายตามลำดับ หากระบุค่า ระบบจะนำไปใช้กับแต่ละขอบ หากระบุค่าไว้สองหรือสามค่า ค่าที่ละไว้จะเท่ากับด้านตรงข้าม คุณยังสามารถใช้แอตทริบิวต์เส้นขอบแบบย่อได้
ไม่มี: ไม่มีสไตล์;
ประ: เส้นประ;
ประ: เส้นประ;
ของแข็ง: เส้นทึบ;
คู่: เส้นคู่;
ร่อง: เส้นร่อง;
สันเขา: สันเขา;
สิ่งที่ใส่เข้าไป: เว้า;
เริ่มแรก: นูน
8.
ไวยากรณ์ของเส้นขอบด้านบน: border-top: <value>
ค่าที่อนุญาต: <top border width> ||. <border style> ||. <color>
ค่าเริ่มต้น: ไม่ได้กำหนด
ใช้ได้กับ: ออบเจ็กต์ทั้งหมด
ความเข้ากันได้แบบย้อนหลัง: ไม่มี
แอตทริบิวต์เส้นขอบด้านบน Is a ชวเลขสำหรับกำหนดความกว้าง สไตล์ และสีของเส้นขอบขององค์ประกอบ โปรดทราบว่าสามารถกำหนดรูปแบบเส้นขอบได้เพียงรูปแบบเดียวเท่านั้น คุณยังสามารถใช้แอตทริบิวต์เส้นขอบแบบย่อได้
9. ไวยากรณ์เส้นขอบขวา
: border-right: <value>
ค่าที่อนุญาต: <ความกว้างของเส้นขอบขวา> ||. <รูปแบบเส้นขอบ> ||. <สี>
ค่าเริ่มต้น: ไม่ได้กำหนด
ใช้ได้กับ: วัตถุทั้งหมด
ความเข้ากันได้แบบย้อนหลัง: ไม่มี
แอตทริบิวต์เส้นขอบขวา ชวเลขสำหรับกำหนดความกว้าง สไตล์ และสีของเส้นขอบด้านขวาขององค์ประกอบ โปรดทราบว่าสามารถกำหนดรูปแบบเส้นขอบได้เพียงรูปแบบเดียวเท่านั้น คุณยังสามารถใช้แอตทริบิวต์เส้นขอบแบบย่อได้
10.
ไวยากรณ์เส้นขอบด้านล่าง: border-bottom: <value>
ค่าที่อนุญาต: <ความกว้างของเส้นขอบด้านล่าง> || <รูปแบบเส้นขอบ> ||. <สี>
ค่าเริ่มต้น: ไม่ได้กำหนด
ใช้ได้กับ: วัตถุทั้งหมด
ความเข้ากันได้แบบย้อนหลัง: ไม่มี
แอตทริบิวต์เส้นขอบด้านล่าง ชวเลขสำหรับกำหนดความกว้าง สไตล์ และสีของเส้นขอบด้านล่างขององค์ประกอบ โปรดทราบว่าสามารถกำหนดรูปแบบเส้นขอบได้เพียงรูปแบบเดียวเท่านั้น คุณยังสามารถใช้แอตทริบิวต์เส้นขอบแบบย่อได้
11.
ไวยากรณ์ของเส้นขอบด้านซ้าย: เส้นขอบซ้าย: <value>
ค่าที่อนุญาต: <ความกว้างของเส้นขอบด้านซ้าย> || <รูปแบบเส้นขอบ> ||. <สี>
ค่าเริ่มต้น: ไม่ได้กำหนด
ใช้ได้กับ: วัตถุทั้งหมด
ความเข้ากันได้แบบย้อนหลัง: ไม่มี
คุณสมบัติเส้นขอบด้านซ้ายคือ ชวเลขสำหรับกำหนดความกว้าง สไตล์ และสีของเส้นขอบด้านซ้ายขององค์ประกอบ โปรดทราบว่าสามารถกำหนดรูปแบบเส้นขอบได้เพียงรูปแบบเดียวเท่านั้น คุณยังสามารถใช้แอตทริบิวต์เส้นขอบแบบย่อได้
12.
ไวยากรณ์ของเส้นขอบ: เส้นขอบ: <value>
ค่าที่อนุญาต: <ความกว้างของเส้นขอบ> ||. <รูปแบบเส้นขอบ> ||. <สี>
ค่าเริ่มต้น: ไม่ได้กำหนด
ใช้ได้กับ: วัตถุทั้งหมด
ความเข้ากันได้แบบย้อนหลัง: ไม่
คุณสมบัติเส้นขอบเป็นการตั้งค่าแบบย่อสำหรับ ความกว้าง รูปแบบ และสีของเส้นขอบขององค์ประกอบ
ตัวอย่างของการประกาศเขตแดน ได้แก่:
H2 { border: Groove 3em }
A:link { เส้นขอบ: สีน้ำเงินทึบ }
A: เยี่ยมชมแล้ว { เส้นขอบ: เส้นประบาง #800080 }
A:active { border: Thick double red }
คุณลักษณะ border สามารถกำหนดเส้นขอบได้เพียง 4 แบบเท่านั้น โดยสามารถกำหนดความกว้างและรูปแบบของเส้นขอบได้เพียงชุดเดียวเท่านั้น ในการที่จะให้ค่าที่แตกต่างกันสำหรับเส้นขอบทั้งสี่ขององค์ประกอบ ผู้สร้างหน้าเว็บจะต้องใช้แอตทริบิวต์อย่างน้อยหนึ่งรายการ เช่น: เส้นขอบด้านบน, เส้นขอบด้านขวา, เส้นขอบด้านล่าง, เส้นขอบด้านซ้าย, สีเส้นขอบ, ความกว้างของเส้นขอบ, รูปแบบเส้นขอบ, ความกว้างของเส้นขอบด้านบน ความกว้างของเส้นขอบด้านขวา ความกว้างของเส้นขอบด้านล่าง หรือความกว้างของเส้นขอบด้านซ้าย
13.
ไวยากรณ์ความกว้าง: ความกว้าง: <value>
ค่าที่อนุญาต: <length> | <percent> |. auto
ค่าเริ่มต้น: auto
ใช้ได้กับ: ระดับบล็อกและองค์ประกอบการแทนที่
ความเข้ากันได้แบบย้อนหลัง: ไม่
ค่าเริ่มต้นของแอตทริบิวต์ width คือ "auto" นั่นคือ คือความกว้างเดิมขององค์ประกอบ (มีความกว้างขององค์ประกอบนั้นเอง) เปอร์เซ็นต์หมายถึงความกว้างขององค์ประกอบหลัก ไม่อนุญาตให้ใช้ค่าความยาวติดลบ
14.
ไวยากรณ์ความสูง: ความสูง: <value>
ค่าที่อนุญาต: <length> |
ค่าเริ่มต้น: auto
ใช้ได้กับ: ระดับบล็อกและองค์ประกอบการแทนที่
ความเข้ากันได้แบบย้อนหลัง: ไม่
ค่าเริ่มต้นของแอตทริบิวต์ความสูงคือ "auto" ซึ่งเป็นองค์ประกอบ ความสูงเดิม (มีความสูงขององค์ประกอบนั้นเอง) เปอร์เซ็นต์หมายถึงความกว้างขององค์ประกอบหลัก ไม่อนุญาตให้ใช้ค่าความยาวติดลบ
15. เกี่ยวกับฉลากตาราง ฉลาก
ควรวางคำจำกัดความของรูปแบบตารางทั้งหมดไว้ในตาราง
ป้ายกำกับเซลล์ td คำจำกัดความของรูปแบบเซลล์ควรอยู่ใน td
BODY เป็นองค์ประกอบหลักของเอกสารเว็บ ช่วงที่มองเห็นทั้งหมดอยู่ภายในองค์ประกอบ <BODY>
BUTTON ปุ่มของฟิลด์แบบฟอร์มสามารถอยู่ในรูปแบบของ "ส่ง", "รีเซ็ต" ฯลฯ
DIV กำหนดพื้นที่บนหน้าเว็บ ทราบความสูง ความกว้าง หรือตำแหน่งสัมบูรณ์ของพื้นที่นี้
องค์ประกอบรูปภาพ IMG ระบุแหล่งที่มาของรูปภาพโดยระบุแอตทริบิวต์ "src"
อินพุตช่องแบบฟอร์มอินพุต
MARQUEE เอฟเฟกต์คำบรรยายเคลื่อนไหว
SPAN กำหนดพื้นที่บนหน้าเว็บ ความสูง ความกว้าง หรือตำแหน่งที่แน่นอนของพื้นที่นี้เป็นที่รู้จักโดย
พื้นที่ข้อความ TEXTAREA
กล่องข้อความอินพุตหลายบรรทัด TFOOT
TH เซลล์ส่วนหัวของตาราง
ชื่อตาราง THEAD
แถวตาราง TR