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

คอมโพเนนต์ภาพขอบเบลอจะแสดงให้ผู้ใช้ทราบว่ามีเนื้อหาเพิ่มเติมให้ดู
กายวิภาคศาสตร์
เลย์เอาต์ที่ปรับเปลี่ยนได้

ทั้ง
ขอบมืดจะขยายตามสัดส่วนให้เต็มหน้าจอ ซึ่งมีผลกับตัวแปรทั้งหมดของคอมโพเนนต์นี้ (ทั้งชิ้น ด้านบน และด้านล่าง)
ด้านบน
ขอบมืดจะขยายตามสัดส่วนให้เต็มหน้าจอ ซึ่งมีผลกับตัวแปรทั้งหมดของคอมโพเนนต์นี้ (ทั้งชิ้น ด้านบน และด้านล่าง)
ด้านล่าง
ขอบมืดจะขยายตามสัดส่วนให้เต็มหน้าจอ ซึ่งมีผลกับตัวแปรทั้งหมดของคอมโพเนนต์นี้ (ทั้งชิ้น ด้านบน และด้านล่าง)
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา Java และ OpenJDK เป็นเครื่องหมายการค้าหรือเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-27 UTC
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2025-07-27 UTC"],[],[],null,["# Vignette\n\nThe Vignette component displays to the users that there's more content to see.\n\nAnatomy\n-------\n\nA. Ellipse\n\nB. Mask\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nAdaptive layouts\n----------------\n\n**Whole**\n\nThe vignette scales up proportionally to fill the screen. This is true for all variants of this component (whole, top and bottom).\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Top**\n\nThe vignette scales up proportionally to fill the screen. This is true for all variants of this component (whole, top and bottom).\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Bottom**\n\nThe vignette scales up proportionally to fill the screen. This is true for all variants of this component (whole, top and bottom).\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e"]]