CSS ชายแดน (พรมแดน)

ลักษณะเส้นขอบ

โรงแรมสไตล์ชายแดนระบุสิ่งที่ชนิดของเส้นขอบที่จะแสดง

คุณสมบัติชายแดนสไตล์จะใช้ในการกำหนดรูปแบบของเส้นขอบ

ค่าชายแดนสไตล์:

ไม่มี: ไม่มีพรมแดนเริ่มต้น

จุด: ด่างดวง: กำหนดปะรำ

ประ: กำหนดกล่องประ

ของแข็ง: ความหมายของเส้นขอบที่เป็นของแข็ง

คู่: กำหนดขอบเขตสอง ค่าเดียวกันของความกว้างสองชายแดนและชายแดนความกว้างของ

ร่อง: ร่องชายแดน 3D ที่กำหนดไว้ ผลกระทบที่เกิดขึ้นอยู่กับค่าสีของขอบเขต

สัน: นิยาม 3D ชายแดนสันเขา ผลกระทบที่เกิดขึ้นอยู่กับค่าสีของขอบเขต

ภาพประกอบ: กำหนดพรมแดน 3D ฝังตัว ผลกระทบที่เกิดขึ้นอยู่กับค่าสีของขอบเขต

เริ่มแรก: กำหนดเส้นขอบเริ่มแรก 3D ผลกระทบที่เกิดขึ้นอยู่กับค่าสีของขอบเขต

ลองดู: ตั้งสไตล์ชายแดน

ความกว้างชายแดน

คุณสามารถระบุความกว้างของเส้นขอบโดยแอตทริบิวต์ชายแดนที่มีความกว้าง

ระบุความกว้างชายแดนในสองวิธี: คุณสามารถระบุความยาวของค่าเช่น 2px หรือ 0.1em หรือใช้หนึ่งในสามคำซึ่งมีบางกลาง (เริ่มต้น) และหนา

หมายเหตุ: CSS ไม่ได้กำหนดความกว้างสามคำที่เฉพาะเจาะจงเพื่อเป็นตัวแทนของผู้ใช้อาจจะเป็นบางกลางและหนาตามลำดับตั้งค่าเท่ากับ 5px, 3px และ 2px ขณะที่ตัวแทนของผู้ใช้อีกตามลำดับกำหนดให้ 3px, 2px และ 1px

สีของเส้นขอบ

คุณสมบัติชายแดนสีตั้งค่าสีของเส้นขอบ คุณสามารถตั้งค่าสี:

• ชื่อ - ระบุชื่อของสีเช่น "สีแดง"
• RGB - ระบุค่า RGB เช่น "rgb (255,0,0)"
• Hex - ระบุค่าฐานสิบหกเช่น "# FF0000"

นอกจากนี้คุณยังสามารถตั้งค่าสีของเส้นขอบที่ "โปร่งใส"

หมายเหตุ: ขอบสีเพียงอย่างเดียวไม่ได้ผลคุณต้องมีเพื่อใช้ชายแดนสไตล์ในการตั้งค่าสไตล์ชายแดน

ชายแดน - การตั้งค่าที่แยกต่างหากสำหรับแต่ละด้าน

ใน CSS คุณสามารถระบุพรมแดนด้านที่แตกต่างที่แตกต่างกัน

ตัวอย่างข้างต้นยังสามารถตั้งค่าแอตทริบิวต์เดียว:

คุณสมบัติชายแดนสไตล์สามารถมี 1-4 ค่า:

• ชายแดนสไตล์: ด่างดวงคู่ที่มั่นคงประ ;
  • ชายแดนเป็นจุด
  • เส้นขอบด้านขวาเป็นของแข็ง
  • ชายแดนคู่ล่าง
  • ขอบซ้ายเป็นประ
  
  
• ชายแดนสไตล์: จุดแข็งคู่
  • ชายแดนเป็นจุด
  • ซ้ายและขอบด้านขวาเป็นของแข็ง
  • ชายแดนคู่ล่าง
  
  
• ชายแดนสไตล์: จุดแข็ง
  • ด้านล่างเป็นชายแดนประ
  • เส้นขอบซ้ายและขวาเป็นของแข็ง
  
  
• ชายแดนสไตล์: ด่างดวง;
  • ล้อมรอบด้วยชายแดนประ

ตัวอย่างข้างต้นใช้ชายแดนสไตล์ แต่ก็ยังสามารถเป็นชายแดนที่มีความกว้างขอบสีด้วยกัน

ชายแดน - ทรัพย์สินจดชวเลข

ตัวอย่างข้างต้นใช้จำนวนมากของคุณสมบัติการตั้งชายแดน

T นอกจากนี้คุณยังสามารถตั้งค่าชายแดนในคุณสมบัติ

คุณสามารถ "ชายแดน" แอตทริบิวต์ตั้ง:

• ชายแดนที่มีความกว้าง
• ชายแดนสไตล์ (จำเป็น)
• ชายแดนสี

ตัวอย่างเพิ่มเติม

ทั้งหมดคุณสมบัติชายแดนในการประกาศเป็น
ตัวอย่างนี้แสดงให้เห็นถึงคุณสมบัติที่จดชวเลขการตั้งค่าทั้งหมดคุณสมบัติชายแดนสี่ในคำสั่งเดียวกัน

การตั้งค่าสไตล์ชายแดน
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการตั้งค่ารูปแบบของชายแดนด้านล่าง

การตั้งค่าความกว้างของเส้นขอบด้านซ้าย
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการที่จะกำหนดความกว้างของเส้นขอบด้านซ้าย

ตั้งค่าสีของเส้นขอบทั้งสี่
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการตั้งค่าสีของเส้นขอบทั้งสี่ คุณสามารถตั้งค่า 1-4 สี

การตั้งค่าสีของเส้นขอบด้านขวา
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการตั้งค่าสีของเส้นขอบด้านขวา

คุณสมบัติ CSS ชายแดน