CSS ความกว้างขอบด้านบน

การกำหนดและวิธีใช้

border-inline-start-width ความกว้างของชายเขตที่เริ่มต้นที่ทิศทางตรงข้ามของสายแถวขององค์ประกอบค่าที่ตั้งค่า

แนะนำ：เพื่อให้ border-inline-start-width ภาพรายละเอียดบนรูปภาพที่สร้างขึ้นโดย CSS ก็ต้องที่จะตั้งค่า border-inline-start-style คุณสมบัติ

CSS border-inline-start-width คุณสมบัตินี้เกี่ยวข้องกับ border-bottom-width、border-left-width、border-right-width และ border-top-width คุณสมบัติที่คล้ายกันมาก border-inline-start-width คุณสมบัตินี้ขึ้นอยู่กับแนวในแบบอินไลน์

แนะนำ：คุณสมบัติ CSS ที่เกี่ยวข้อง writing-mode、text-orientation และ direction กำหนดแนวในแบบอินไลน์。นี่ได้ผลกระทบต่อตำแหน่งเริ่มและจบของบรรทัด และ border-inline-start-width ผลของคุณสมบัติ。สำหรับหน้าเว็บอังกฤษ，แนวในแบบอินไลน์เป็นทางซ้ายไปทางขวา และแนวบล็อคเป็นทางลง

ตัวอย่าง

ตัวอย่าง 1

กำหนดความหนาของขอบเขตที่เริ่มแนวในแบบอินไลน์

div {
  border-inline-start-style: solid;
  border-inline-start-width: 10px;
}

ทดลองด้วยตัวเอง

ตัวอย่าง 2：เชื่อมโยงกับคุณสมบัติ writing-mode

ตำแหน่งของขอบเขตที่เริ่มของแนวในแบบอินไลน์นั้นนั้นตกลงกับ writing-mode ผลกระทบของคุณสมบัติ：

div {
  border-inline-start-style: solid;
  writing-mode: vertical-rl;
  border-inline-start-width: 5px;
}

ทดลองด้วยตัวเอง

ตัวอย่าง 3：เชื่อมโยงกับคุณสมบัติ direction

ตำแหน่งของขอบเขตที่เริ่มและจบของแนวในแบบอินไลน์นั้นนั้นนั้นตกลงกับ direction ผลกระทบของคุณสมบัติ：

div {
  direction: rtl;
  border-inline-start-width: 10px;
}

ทดลองด้วยตัวเอง

CSS 语法

border-inline-start-width: medium|thin|thick|length|initial|inherit;

ค่าของคุณสมบัติ

รายละเอียดเทคนิค

การรองรับของเบราเซอร์

ตัวเลขในตารางแสดงการรองรับลูกบทภาษาของเบราเซอร์ที่สนับสนุนคุณสมบัตินี้เต็มที่สุด。

หน้าที่เกี่ยวข้อง

คู่มือ：CSS ขอบ

อ้างอิง：CSS ระบุเขตของเขตเข้มของชายตามตำแหน่ง

อ้างอิง：CSS ระบุเขตของเขตเข้มของชายตามตำแหน่ง

อ้างอิง：CSS ระบุความกว้างของเขตเข้มของชายด้านขวา

อ้างอิง：CSS รูปแบบขอบด้านบน

อ้างอิง：CSS ระบุความกว้างของเขตเข้มของชายด้านล่าง

อ้างอิง：CSS ความกว้างขอบด้านซ้าย

อ้างอิง：CSS ความกว้างขอบด้านขวา

อ้างอิง：CSS ความกว้างขอบด้านบน

อ้างอิง：CSS ความหลากหลายdirection

อ้างอิง：คุณได้ทราบถึงความหมายของภาษาไทย

อ้างอิง：คุณได้ทราบถึงความหมายของภาษาไทย