การอ้างอิง W3.CSS
คลาส W3.CSS
| ระดับ |
กำหนด |
|
| w3-คอนเทนเนอร์ |
คอนเทนเนอร์ HTML พร้อมช่องว่างภายใน 16px ซ้ายและขวา |
|
| |
ใช้เป็นส่วนหัว |
|
| |
ใช้เป็นส่วนท้าย |
|
| w3-แผง |
คอนเทนเนอร์ HTML ที่มีช่องว่างภายใน 16px ด้านซ้ายและขวา และขอบด้านบนและด้านล่าง 16px |
|
| |
ใช้เพื่อแสดงโน้ต |
|
| |
ใช้เพื่อแสดงใบเสนอราคา |
|
| w3-ตรา |
ป้ายวงกลม |
|
| w3 วัน |
ป้ายสี่เหลี่ยม |
|
| w3-ul |
รายการไม่เรียงลำดับ |
|
| w3-display-container |
คอนเทนเนอร์สำหรับ คลาส w3-display- (เปิดใช้งานการวางตำแหน่งขององค์ประกอบภายในคอนเทนเนอร์) |
|
| w3-บล็อก |
คลาสที่สามารถใช้กำหนดความกว้างเต็มสำหรับองค์ประกอบใดก็ได้ |
|
| w3-code |
รหัสคอนเทนเนอร์ |
|
| w3-codespan |
คอนเทนเนอร์โค้ดแบบอินไลน์ (สำหรับข้อมูลโค้ด) |
|
| w3-เนื้อหา |
คอนเทนเนอร์สำหรับเนื้อหาที่มีขนาดคงที่ |
|
| รถ w3 |
คอนเทนเนอร์สำหรับเนื้อหาที่มีขนาดเป็นศูนย์กลางที่ตอบสนอง |
|
| w3-ยืด |
คลาสที่ลบระยะขอบขวาและซ้าย (มีประโยชน์โดยเฉพาะสำหรับการยืดแถวที่มีเบาะ (w3-row-padding)) |
|
| ระดับ |
กำหนด |
|
| w3-table |
คอนเทนเนอร์สำหรับตาราง HTML |
|
| w3-ลาย |
โต๊ะลาย |
|
| w3-border |
ขอบโต๊ะ |
|
| w3-bordered |
เส้นแบ่งเขต |
|
| w3-centered |
โต๊ะกลาง |
|
| w3-โฮเวอร์ได้ |
ตารางโฮเวอร์ได้ |
|
| w3-table-ทั้งหมด |
คุณสมบัติทั้งหมด set |
|
| |
มีลาย w3, w3-border และ w3-bordered |
|
| |
มีหัวสี |
|
| |
ด้วยการตอบสนอง w3 |
|
| |
ด้วย w3-tiny |
|
| |
ด้วย w3-small |
|
| |
ด้วย w3-ขนาดใหญ่ |
|
| |
ด้วย w3-xlarge |
|
| |
ด้วย w3-xxlarge |
|
| |
ด้วย w3-xxxlarge |
|
| |
มีสี |
|
| |
ด้วยw3-jumbo |
|
| w3-ตอบสนอง |
สร้างตารางตอบสนอง |
|
| ระดับ |
กำหนด |
|
| w3-card |
เหมือนกับ w3-card-2 |
|
| w3-card-2 |
คอนเทนเนอร์สำหรับเนื้อหา HTML ใดๆ (เงาที่มีเส้นขอบ 2px) |
|
| w3-card-4 |
คอนเทนเนอร์สำหรับเนื้อหา HTML (เงาขอบ 4px) |
|
| ระดับ |
กำหนด |
|
| w3-แถว |
คอนเทนเนอร์สำหรับเนื้อหาตอบสนองของไหลหนึ่งแถว |
|
| w3-row-padding |
แถวที่ทุกคอลัมน์มีช่องว่างภายในเริ่มต้น |
|
| รถ w3 |
คอนเทนเนอร์สำหรับเนื้อหาที่มีขนาดเป็นศูนย์กลางที่ตอบสนอง |
|
| w3-ยืด |
คลาสที่ลบระยะขอบขวาและซ้าย |
|
| w3-half |
คอนเทนเนอร์คอลัมน์หน้าจอครึ่ง (1/2) |
|
| w3-สาม |
คอนเทนเนอร์คอลัมน์หน้าจอที่สาม (1/3) |
|
| w3-twothid |
คอนเทนเนอร์คอลัมน์หน้าจอสองในสาม (2/3) |
|
| w3-ไตรมาส |
คอนเทนเนอร์คอลัมน์สกรีนไตรมาส (1/4) |
|
| w3-สามในสี่ |
คอนเทนเนอร์คอลัมน์หน้าจอสามในสี่ (3/4) |
|
| w3-col |
คอนเทนเนอร์คอลัมน์สำหรับเนื้อหา HTML ใดๆ |
|
| w3-พักผ่อน |
ตรงบริเวณส่วนที่เหลือของความกว้างคอลัมน์ |
|
| |
|
|
| l1 - l12 |
ขนาดที่ตอบสนองต่อหน้าจอขนาดใหญ่ |
|
| m1 - m12 |
ขนาดตอบสนองสำหรับหน้าจอขนาดกลาง |
|
| s1 - s12 |
ขนาดที่ตอบสนองต่อหน้าจอขนาดเล็ก |
|
| |
|
|
| w3-ซ่อนขนาดเล็ก |
ซ่อนเนื้อหาบนหน้าจอขนาดเล็ก (น้อยกว่า 601px) |
|
| w3-ซ่อน-กลาง |
ซ่อนเนื้อหาบนหน้าจอขนาดกลาง |
|
| w3-ซ่อนขนาดใหญ่ |
ซ่อนเนื้อหาบนหน้าจอขนาดใหญ่ (ใหญ่กว่า 992px) |
|
| |
|
|
| w3-image |
ภาพที่ตอบสนอง |
|
| |
|
|
| w3-mobile |
เพิ่มการตอบสนองเพื่ออุปกรณ์เคลื่อนที่เป็นอันดับแรกไปยังองค์ประกอบใดๆ
แสดงองค์ประกอบเป็นองค์ประกอบบล็อกบนอุปกรณ์มือถือ |
|
| ระดับ |
กำหนด |
|
| w3-เซลล์-แถว |
คอนเทนเนอร์สำหรับคอลัมน์โครงร่าง (เซลล์) |
|
| w3-cell |
คอลัมน์เค้าโครง (เซลล์) |
|
| w3-cell-top |
จัดแนวเนื้อหาที่ด้านบนของคอลัมน์ (เซลล์) |
|
| w3-เซลล์กลาง |
จัดแนวเนื้อหาที่ตรงกลางแนวตั้งของคอลัมน์ (เซลล์) |
|
| w3-เซลล์ล่าง |
จัดแนวเนื้อหาที่ด้านล่างของคอลัมน์ (เซลล์) |
|
| ระดับ |
กำหนด |
|
| w3-bar |
แถบแนวนอน |
|
| w3-bar-บล็อก |
แถบแนวตั้ง |
|
| w3-bar-item |
ให้สไตล์ทั่วไปสำหรับรายการบาร์ |
|
| w3-แถบด้านข้าง |
แถบด้านข้าง |
|
| |
แถบด้านข้างสามารถมีเนื้อหาได้ทุกประเภท |
|
| |
แถบด้านข้างที่ซ้อนทับเนื้อหาหลัก |
|
| |
แถบด้านข้างที่ซ้อนทับเนื้อหาหลักทั้งหมด |
|
| |
แถบด้านข้างเลื่อนเนื้อหาหลักไปทางขวา |
|
| |
แถบด้านข้างที่มีพื้นหลังซ้อนทับ |
|
| |
แถบด้านข้างทางด้านขวา |
|
| w3-ยุบ |
ใช้ร่วมกับ w3-sidebar เพื่อสร้างการนำทางด้านข้างที่ตอบสนองอัตโนมัติโดยสมบูรณ์ เพื่อให้คลาสนี้ทำงานได้ เนื้อหาของเพจต้องอยู่ในคลาส "w3-main" |
|
| w3-หลัก |
คอนเทนเนอร์สำหรับเนื้อหาของหน้าเมื่อใช้คลาส w3-collapse สำหรับการนำทางด้านข้างที่ตอบสนอง |
|
| |
การนำทางด้านขวาที่ตอบสนองโดยอัตโนมัติอย่างเต็มที่ |
|
| w3-ดรอปดาวน์-คลิก |
องค์ประกอบแบบเลื่อนลงที่คลิกได้ |
|
| w3-dropdown-โฮเวอร์ |
องค์ประกอบดรอปดาวน์ที่เลื่อนได้ |
|
| |
องค์ประกอบดรอปดาวน์ที่เลื่อนได้ (ใช้ใน w3-bar) |
|
| |
องค์ประกอบดรอปดาวน์ที่เลื่อนได้ (ใช้ใน w3-bar-block) |
|
| |
องค์ประกอบดรอปดาวน์ที่เลื่อนได้ (ใช้ใน w3-sidebar) |
|
| ระดับ |
กำหนด |
|
| w3-ปุ่ม |
ปุ่มสี่เหลี่ยมพร้อมสีพื้นหลังสีเทาบนโฮเวอร์ |
|
| w3-btn |
ปุ่มสี่เหลี่ยมที่มีเงาบนโฮเวอร์ |
|
| w3-วงกลม |
ใช้สร้างปุ่มกลมได้ |
|
| w3-ระลอกคลื่น |
ปุ่มสี่เหลี่ยมพร้อมเอฟเฟกต์ระลอกคลื่น |
|
| |
ปุ่มลอยแบบวงกลมพร้อมเอฟเฟกต์ระลอกคลื่น |
|
| w3-bar |
สามารถใช้เพื่อจัดกลุ่มองค์ประกอบ (เช่นปุ่ม) ในแถบแนวนอน |
|
| w3-บล็อก |
คลาสที่สามารถใช้กำหนดปุ่ม w3 แบบเต็มความกว้างได้ |
|
| |
ความกว้างเต็ม w3-btn |
|
| |
ปุ่มวงกลมความกว้างเต็ม |
|
| ระดับ |
กำหนด |
|
| w3-input |
องค์ประกอบอินพุต |
|
| |
แบบฟอร์มการป้อนข้อมูลเป็นบัตร |
|
| |
องค์ประกอบอินพุต (ป้ายกำกับด้านบน) |
|
| |
องค์ประกอบอินพุต (ป้ายกำกับด้านล่าง) |
|
| w3-check |
ช่องทำเครื่องหมายประเภทอินพุต |
|
| วิทยุ w3 |
ประเภทอินพุตวิทยุ |
|
| w3-select |
อินพุตเลือกองค์ประกอบ |
|
| w3-animate-อินพุต |
ทำให้ความกว้างของอินพุตเคลื่อนไหวได้ถึง 100% |
|
| ระดับ |
กำหนด |
|
| w3-modal |
ภาชนะโมดอล |
|
| w3-modal-content |
องค์ประกอบป๊อปอัปโมดอล |
|
| w3-เคล็ดลับเครื่องมือ |
องค์ประกอบคำแนะนำเครื่องมือ |
|
| w3-text |
ข้อความคำแนะนำเครื่องมือ |
|
| ระดับ |
กำหนด |
|
| w3-animate-top |
ทำให้องค์ประกอบเคลื่อนไหวจากด้านบน -300px ถึง 0px |
|
| w3-animate-left |
ทำให้องค์ประกอบเคลื่อนไหวจากซ้าย -300px ถึง 0px |
|
| w3-animate-ด้านล่าง |
ทำให้องค์ประกอบเคลื่อนไหวจากด้านล่าง -300px ถึง 0px |
|
| w3-animate-ใช่ |
ทำให้องค์ประกอบเคลื่อนไหวจากขวา -300px ถึง 0px |
|
| w3-animate-ทึบ |
ทำให้ความทึบขององค์ประกอบเคลื่อนไหวตั้งแต่ 0 ถึง 1 |
|
| w3-animate-ซูม |
ทำให้องค์ประกอบเคลื่อนไหวตั้งแต่ 0 ถึง 100% ในขนาด |
|
| w3-เคลื่อนไหว-จางหาย |
ทำให้ความทึบขององค์ประกอบเคลื่อนไหวตั้งแต่ 0 ถึง 1 และ 1 ถึง 0 (จางเข้าและออก) |
|
| w3-spin |
หมุนไอคอน 360 องศา |
|
| |
หมุนองค์ประกอบใดก็ได้ 360 องศา |
|
| w3-animate-อินพุต |
ทำให้ความกว้างของช่องใส่ข้อมูลเคลื่อนไหวได้ถึง 100% |
|
| ระดับ |
กำหนด |
|
| w3-tiny |
ระบุขนาดตัวอักษร 10 พิกเซล |
|
| w3-เล็ก |
ระบุขนาดตัวอักษร 12 พิกเซล |
|
| w3-ขนาดใหญ่ |
ระบุขนาดตัวอักษร 18 พิกเซล |
|
| w3-xlarge |
ระบุขนาดตัวอักษร 24 พิกเซล |
|
| w3-xxlarge |
ระบุขนาดตัวอักษร 32 พิกเซล |
|
| w3-xxxlarge |
ระบุขนาดตัวอักษร 48 พิกเซล |
|
| w3-jumbo |
ระบุขนาดตัวอักษร 64 พิกเซล |
|
| w3 กว้าง |
ระบุข้อความที่กว้างขึ้น |
|
| w3-serif |
เปลี่ยนฟอนต์เป็น serif |
|
| w3-sans-serif |
เปลี่ยนฟอนต์เป็น sans-serif |
|
| w3-เล่นหาง |
เปลี่ยนแบบอักษรเป็นตัวสะกด |
|
| w3-monospace |
เปลี่ยนฟอนต์เป็นโมโนสเปซ |
|
| ระดับ |
กำหนด |
|
| w3-ศูนย์ |
เนื้อหาที่เป็นศูนย์กลาง |
|
| w3-left |
ลอยองค์ประกอบไปทางซ้าย (ลอย: ซ้าย) |
|
| w3-ขวา |
ลอยองค์ประกอบไปทางขวา (ลอย: ขวา) |
|
| w3-left-align |
ข้อความชิดซ้าย |
|
| w3-right-align |
ข้อความชิดขวา |
|
| w3-justify |
ข้อความชิดขวาและซ้าย |
|
| w3-บล็อก |
คลาสที่สามารถใช้กำหนดความกว้างเต็มสำหรับองค์ประกอบใดก็ได้ |
|
| w3-วงกลม |
เนื้อหาวงกลม |
|
| w3-ซ่อน |
เนื้อหาที่ซ่อนอยู่ (display:none) |
|
| w3-show |
แสดงเนื้อหา (display:block) |
|
| w3-show-บล็อก |
นามแฝงของ w3-show (display:block) |
|
| w3-show-inline-block |
แสดงเนื้อหาเป็นบล็อคอินไลน์ (display:inline-block) |
|
| w3-top |
แก้ไขเนื้อหาที่ด้านบนของหน้า |
|
| w3-ด้านล่าง |
แก้ไขเนื้อหาที่ด้านล่างของหน้า |
|
| w3-display-container |
คอนเทนเนอร์สำหรับ คลาส w3-display- (ตำแหน่ง: สัมพันธ์) |
|
| w3-display-topleft |
แสดงเนื้อหาที่มุมบนซ้ายของ w3-display-container |
|
| w3-display-topright |
แสดงเนื้อหาที่มุมบนขวาของ w3-display-container |
|
| w3-display-bottomleft |
แสดงเนื้อหาที่มุมล่างซ้ายของ w3-display-container |
|
| w3-display-bottomright |
แสดงเนื้อหาที่มุมล่างขวาของ w3-display-container |
|
| w3-display-left |
แสดงเนื้อหาทางด้านซ้าย (กลางซ้าย) ของ w3-display-container |
|
| w3-จอแสดงผลขวา |
แสดงเนื้อหาทางด้านขวา (กลางขวา) ของ w3-display-container |
|
| w3-display-กลาง |
แสดงเนื้อหาตรงกลาง (กลาง) ของ w3-display-container |
|
| w3-display-topmiddle |
แสดงเนื้อหาที่ตรงกลางด้านบนของ w3-display-container |
|
| w3-display-ด้านล่างสุด |
แสดงเนื้อหาที่ตรงกลางด้านล่างของ w3-display-container |
|
| w3-แสดงตำแหน่ง |
แสดงเนื้อหาในตำแหน่งที่ระบุใน w3-display-container |
|
| w3-display-โฮเวอร์ |
แสดงเนื้อหาบนโฮเวอร์ภายใน w3-display-container |
|
| ระดับ |
กำหนด |
|
| w3-ทึบ |
เพิ่มความทึบ/โปร่งใสให้กับองค์ประกอบ (ความทึบ: 0.6) |
|
| |
เพิ่มความทึบ/โปร่งใสให้กับข้อความ |
|
| w3-ทึบปิด |
ปิดความทึบ/โปร่งใส (ความทึบ: 1) |
|
| w3-ทึบ-นาที |
เพิ่มความทึบ/โปร่งใสให้กับองค์ประกอบ (ความทึบ: 0.75) |
|
| w3-ทึบ-max |
เพิ่มความทึบ/โปร่งใสให้กับองค์ประกอบ (ความทึบ: 0.25) |
|
| w3-ระดับสีเทา-นาที |
เพิ่มเอฟเฟกต์โทนสีเทาให้กับองค์ประกอบ (ระดับสีเทา: 50%) |
|
| w3-ระดับสีเทา |
เพิ่มเอฟเฟกต์โทนสีเทาให้กับองค์ประกอบ (ระดับสีเทา: 75%) |
|
| w3-ระดับสีเทา-max |
เพิ่มเอฟเฟกต์โทนสีเทาให้กับองค์ประกอบ (ระดับสีเทา: 100%) |
|
| w3-ซีเปีย-มิน |
เพิ่มเอฟเฟกต์ซีเปียให้กับองค์ประกอบ (ซีเปีย: 50%) |
|
| w3-ซีเปีย |
เพิ่มเอฟเฟกต์ซีเปียให้กับองค์ประกอบ (ซีเปีย: 75%) |
|
| w3-ซีเปีย-max |
เพิ่มเอฟเฟกต์ซีเปียให้กับองค์ประกอบ (ซีเปีย: 100%) |
|
| w3-โอเวอร์เลย์ |
สร้างเอฟเฟกต์ภาพซ้อนทับ |
|
| ระดับ |
กำหนด |
|
| w3-สีแดง |
สีพื้นหลังสีแดง |
|
| w3-ชมพู |
สีพื้นหลัง ชมพู |
|
| w3-สีม่วง |
สีพื้นหลัง สีม่วง |
|
| w3-สีม่วงเข้ม |
สีพื้นหลังสีม่วงเข้ม |
|
| w3-indigo |
สีพื้นคราม |
|
| w3-สีน้ำเงิน |
สีพื้นหลัง ฟ้า |
|
| w3-สีฟ้าอ่อน |
สีพื้นหลัง ฟ้าอ่อน |
|
| w3-สีฟ้า |
สีพื้นหลัง สีฟ้า |
|
| w3-aqua |
สีน้ำพื้นหลัง |
|
| w3-นกเป็ดน้ำ |
สีพื้นหลัง น้าน |
|
| w3-สีเขียว |
สีพื้นหลัง สีเขียว |
|
| w3-เขียวอ่อน |
สีพื้นหลัง เขียวอ่อน |
|
| w3-มะนาว |
สีพื้นหลังมะนาว |
|
| w3-ทราย |
ทรายสีพื้นหลัง |
|
| w3-สีกากี |
สีพื้นหลัง สีกากี |
|
| w3-เหลือง |
สีพื้นหลัง สีเหลือง |
|
| w3-อำพัน |
สีพื้นหลัง สีเหลืองอำพัน |
|
| w3-สีส้ม |
พื้นหลังสีส้ม |
|
| w3-สีส้มเข้ม |
สีพื้นหลัง สีส้มเข้ม |
|
| w3-น้ำเงิน-เทา |
สีพื้นหลัง ฟ้า เทา |
|
| w3-สีน้ำตาล |
สีพื้น น้ำตาล |
|
| w3-สีเทาอ่อน |
สีพื้นหลัง สีเทาอ่อน |
|
| w3-สีเทา |
สีพื้นหลัง สีเทา |
|
| w3-สีเทาเข้ม |
สีพื้นหลัง เทาเข้ม |
|
| w3-สีดำ |
สีพื้นหลัง สีดำ |
|
| w3-ซีด-แดง |
สีพื้นหลัง แดงซีด |
|
| w3-ซีด-เหลือง |
สีพื้น เหลืองอ่อน |
|
| w3-ซีด-เขียว |
สีพื้นหลัง เขียวอ่อน |
|
| w3-ซีด-ฟ้า |
สีพื้นหลัง ฟ้าอ่อน |
|
| w3-โปร่งใส |
พื้นหลังโปร่งใส-สี |
|
โฮเวอร์คลาสสี
สีด้านบนสามารถใช้เป็นคลาสโฮเวอร์ได้:
| ระดับ |
กำหนด |
|
| w3-โฮเวอร์-สีขาว |
โฮเวอร์ สีขาว |
|
| w3-โฮเวอร์-สีดำ |
สีโฮเวอร์ สีดำ |
|
| w3-โฮเวอร์-สีแดง |
วางเมาส์สีแดง |
|
| w3-โฮเวอร์-สีน้ำเงิน |
โฮเวอร์ สีฟ้า |
|
| w3-โฮเวอร์-สีเขียว |
โฮเวอร์สีเขียว |
|
| w3-โฮเวอร์-aqua |
โฮเวอร์ สีน้ำ |
|
| w3-โฮเวอร์สีส้ม |
โฮเวอร์สีส้ม |
|
| w3-โฮเวอร์-สีเทา |
โฮเวอร์สีเทา |
|
| w3-โฮเวอร์-ซีด-เขียว |
สีโฮเวอร์ เขียวอ่อน |
|
| ระดับ |
กำหนด |
|
| w3-ข้อความ-สีแดง |
สีข้อความ แดง |
|
| w3-text-สีเขียว |
สีข้อความ เขียว |
|
| w3-text-สีน้ำเงิน |
สีข้อความ ฟ้า |
|
| w3-ข้อความ-สีเหลือง |
สีข้อความ สีเหลือง |
|
| w3-ข้อความ-สีเทาอ่อน |
Text color light-grey |
|
| w3-text-grey |
Text color grey |
|
| w3-text-dark-grey |
Text color dark grey |
|
| w3-text-black |
Text color black |
|
| w3-text-white |
Text color white |
|
| w3-text-pink |
Text color pink |
|
| w3-text-purple |
Text color purple |
|
| w3-text-teal |
Text color teal |
|
| w3-text-light-green |
Text color light green |
|
| w3-text-lime |
Text color lime |
|
| w3-text-deep-purple |
Text color deep purple |
|
| w3-text-indigo |
Text color indigo |
|
| w3-text-light-blue |
Text color light blue |
|
| w3-text-blue-grey |
Text color blue grey |
|
| w3-text-cyan |
Text color cyan |
|
| w3-text-aqua |
Text color aqua |
|
| w3-text-amber |
Text color amber |
|
| w3-text-orange |
Text color orange |
|
| w3-text-deep-orange |
Text color deep orange |
|
| w3-text-sand |
Text color sand |
|
| w3-text-khaki |
Text color khaki |
|
| w3-text-brown |
Text color brown |
|
The text classes above can also be used as hover classes:
| Class |
Defines |
|
| w3-hover-text-red |
Hover text color red |
|
| w3-hover-text-green |
Hover text color green |
|
| w3-hover-text-blue |
Hover text color blue |
|
| w3-hover-text-yellow |
Hover text color yellow |
|
| Class |
Defines |
|
| w3-hover-border-color |
Hover border color |
|
| w3-hover-opacity |
Adds transparency to an element on hover (opacity: 0.6) |
|
| w3-hover-opacity-off |
Removes transparency from an element on hover (100% opacity) |
|
| w3-hover-shadow |
Adds shadow to an element on hover |
|
| w3-hover-grayscale |
Adds a black and white (100% grayscale) effect to an element |
|
| w3-hover-sepia |
Adds a sepia effect to an element on hover |
|
| w3-hover-none |
Removes hover effects from an element |
|
| Class |
Defines |
|
| w3-round |
Element rounded (border-radius) 4px |
|
| w3-round-small |
Element rounded (border-radius) 2px |
|
| w3-round-medium |
Element rounded (border-radius) 4px |
|
| w3-round-large |
Element rounded (border-radius) 8px |
|
| w3-round-xlarge |
Element rounded (border-radius) 16px |
|
| w3-round-xxlarge |
Element rounded (border-radius) 32px |
|
| Class |
Defines |
|
| w3-padding-small |
Padding 4px top and bottom, and 8px left and right. |
|
| w3-padding |
Padding 8px top and bottom, and 16px left and right. |
|
| w3-padding-large |
Padding 12px top and bottom, and 24px left and right. |
|
| w3-padding-16 |
Padding 16px top and bottom |
|
| w3-padding-24 |
Padding 24px top and bottom |
|
| w3-padding-32 |
Padding 32px top and bottom |
|
| w3-padding-48 |
Padding 48px top and bottom |
|
| w3-padding-64 |
Padding 64px top and bottom |
|
| w3-padding-top-64 |
Padding 64px on top |
|
| w3-padding-top-48 |
Padding 48px on top |
|
| w3-padding-top-32 |
Padding 32px on top |
|
| w3-padding-top-24 |
Padding 24px on top |
|
| Class |
Defines |
|
| w3-margin |
Adds an 16px margin to an element |
|
| w3-margin-top |
Adds an 16px top margin to an element |
|
| w3-margin-right |
Adds an 16px right margin to an element |
|
| w3-margin-bottom |
Adds an 16px bottom margin to an element |
|
| w3-margin-left |
Adds an 16px left margin to an element |
|
| w3-section |
Adds an 16px top and bottom margin to an element |
|
| Class |
Defines |
|
| w3-border |
Borders (top, right, bottom, left) |
|
| w3-border-top |
Border top |
|
| w3-border-right |
Border right |
|
| w3-border-bottom |
Border bottom |
|
| w3-border-left |
Border left |
|
| w3-border-0 |
Removes all borders |
|
| w3-border-color |
Displays any defined borders in a specified color (like red, etc) |
|
| w3-bottombar |
Adds a thick bottom border (bar) to an element |
|
| w3-leftbar |
Adds a thick left border (bar) to an element |
|
| w3-rightbar |
Adds a thick right border (bar) to an element |
|
| w3-topbar |
Adds a thick top border (bar) to an element |
|
| w3-hover-border-color |
Hoverable border color |
|
