คำถามติดแท็ก border

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

30
วิธีเพิ่มเส้นขอบที่ด้านบนของ UIView
คำถามของฉันอยู่ที่ชื่อ ฉันไม่ทราบวิธีเพิ่มเส้นขอบในด้านเฉพาะด้านบนหรือด้านล่างด้านใดด้านหนึ่ง ... layer.borderดึงเส้นขอบสำหรับมุมมองทั้งหมด ...

9
สีเส้นขอบ UITextField
ฉันมีความปรารถนาดีมากที่จะตั้งค่าสีของตัวเองเป็นเส้นขอบ UITextField แต่จนถึงตอนนี้ฉันสามารถหาวิธีเปลี่ยนรูปแบบเส้นขอบได้เท่านั้น ฉันใช้คุณสมบัติพื้นหลังเพื่อกำหนดสีพื้นหลังด้วยวิธีดังกล่าว: self.textField.backgroundColor = textFieldColor; แต่ฉันต้องเปลี่ยนสีของเส้นขอบ UITextField ด้วย และคำถามของฉันคือวิธีเปลี่ยนสีเส้นขอบ

18
เมื่อเพิ่มเส้นขอบ 1 px ใน div ขนาด Div จะเพิ่มขึ้นไม่ต้องการทำเช่นนั้น
เมื่อคลิกฉันกำลังเพิ่มเส้นขอบ 1px เป็น div ดังนั้นขนาด Div จึงเพิ่มขึ้น 2px X 2px ฉันไม่ต้องการเพิ่มขนาด Div มีวิธีง่ายๆในการทำไหม คำอธิบายโดยละเอียดที่ไม่เป็นระเบียบ จริงๆแล้วฉันกำลังเพิ่ม DIV ที่มี float: left (ขนาดเท่ากันเช่นไอคอน) ไปยัง container-div ดังนั้นทั้งหมดจะซ้อนกันทีละตัวและเมื่อ (ความกว้างของ container-div คือ 300px) ไม่มีช่องว่างเหลือ แต่ width-wise ดังนั้น DIV เด็กอยู่ในแถวถัดไปดังนั้นจึงเป็นเหมือนแค็ตตาล็อก แต่เนื่องจากขนาด DIV ที่เลือกได้เพิ่มขึ้นเท่านั้น DIV ภายใต้ DIV ที่เลือกจะไปทางขวาและสร้างพื้นที่ว่างด้านล่าง DIV ที่เลือก แก้ไข: การลดความสูง / ความกว้างในการเลือก แต่จะเพิ่มกลับได้อย่างไร ใช้กรอบงานของบุคคลที่สามดังนั้นอย่าให้มีเหตุการณ์เมื่อ DIV สูญเสียการเลือก …
128 css  html  border 

8
ควบคุมความยาวเส้นขอบเส้นประและระยะห่างระหว่างจังหวะ
เป็นไปได้ไหมที่จะควบคุมความยาวและระยะห่างระหว่างเส้นขอบเส้นประใน CSS ตัวอย่างด้านล่างนี้แสดงแตกต่างกันระหว่างเบราว์เซอร์: div { border: dashed 4px #000; padding: 20px; display: inline-block; } <div>I have a dashed border!</div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด ความแตกต่างใหญ่: IE 11 / Firefox / Chrome มีวิธีการใดบ้างที่สามารถควบคุมลักษณะของเส้นขอบประ
124 css  border  css-shapes 

10
เส้นขอบรอบ ๆ แถวที่ระบุในตาราง?
ฉันกำลังพยายามออกแบบ HTML / CSS ที่สามารถวางเส้นขอบรอบ ๆ แถวที่ต้องการในตารางได้ ใช่ฉันรู้ว่าฉันไม่ควรใช้ตารางในการจัดวาง แต่ฉันไม่รู้ CSS เพียงพอที่จะแทนที่มันได้ทั้งหมด อย่างไรก็ตามฉันมีตารางที่มีหลายแถวและคอลัมน์บางส่วนรวมเข้ากับ rowspan และ colspan และฉันต้องการใส่เส้นขอบที่เรียบง่ายรอบ ๆ ส่วนต่างๆของตาราง ตอนนี้ฉันใช้คลาส CSS แยกกัน 4 คลาส (บนล่างซ้ายขวา) ที่ฉันแนบกับ<td>เซลล์ที่อยู่ด้านบนล่างซ้ายและขวาของตารางตามลำดับ .top { border-top: thin solid; border-color: black; } .bottom { border-bottom: thin solid; border-color: black; } .left { border-left: thin solid; border-color: black; } .right …
120 html  css  border  css-tables 

5
สีเส้นขอบที่กำหนดเองของสามเหลี่ยม CSS
กำลังพยายามใช้สีฐานสิบหกที่กำหนดเองสำหรับสามเหลี่ยม css ของฉัน (เส้นขอบ) อย่างไรก็ตามเนื่องจากมันใช้คุณสมบัติเส้นขอบฉันจึงไม่แน่ใจว่าจะทำอย่างไร ฉันต้องการหลีกเลี่ยง javascript และ css3 เพียงเพราะความเข้ากันได้ ฉันพยายามให้สามเหลี่ยมมีพื้นหลังสีขาวที่มีเส้นขอบ 1px (รอบ ๆ ด้านที่ทำมุมของสามเหลี่ยม) ด้วยสี # CAD5E0 เป็นไปได้หรือไม่ นี่คือสิ่งที่ฉันมีจนถึงตอนนี้: .container { margin-left: 15px; width: 200px; background: #FFFFFF; border: 1px solid #CAD5E0; padding: 4px; position: relative; min-height: 200px; } .container:after { content: ''; display: block; position: absolute; top: 10px; left: …
114 css  border  css-shapes 

21
ทำให้แบบฟอร์มไร้ขอบสามารถเคลื่อนย้ายได้หรือไม่?
มีวิธีสร้างแบบฟอร์มที่ไม่มีเส้นขอบหรือไม่ (FormBorderStyle ตั้งค่าเป็น "none") สามารถเคลื่อนย้ายได้เมื่อคลิกเมาส์ลงบนแบบฟอร์มเหมือนกับว่ามีเส้นขอบหรือไม่?
109 c#  winforms  border  movable 

5
มีวิธีใดในการประกาศขนาด / เส้นขอบบางส่วนให้กับกล่องหรือไม่?
มีวิธีใดในการประกาศขนาด / เส้นขอบบางส่วนให้กับกล่องใน CSS? ยกตัวอย่างเช่นกล่องกับว่ามีเพียงแสดงให้เห็นถึงขอบล่างในที่หนึ่งของมัน350px 60pxผมคิดว่าอาจมีประโยชน์มาก ตัวอย่าง:
105 css  border 

9
ข้อความที่ไหลออกจาก div
เมื่อข้อความไม่มีช่องว่าง และมากกว่าขนาด div 200pxมันจะไหลออกมาความกว้างถูกกำหนดเป็น 200px ฉันใส่รหัสของฉันที่นี่http://jsfiddle.net/madhu131313/UJ6zG/ คุณสามารถดูรูปภาพด้านล่างที่ แก้ไข : ฉันต้องการ ข้อความเพื่อไปยังบรรทัดถัดไป
100 css  border 

11
เส้นขอบสองสี
ลูกค้าต้องการเส้นขอบสองสีเพื่อให้ดูนูน ฉันสามารถทำสิ่งนี้ในองค์ประกอบเดียวได้หรือไม่ ฉันหวังว่าจะหลีกเลี่ยงการซ้อนองค์ประกอบ DOM สองรายการที่มีเส้นขอบแยกกัน
99 css  border 

9
กำหนดเส้นขอบให้กับแถวตาราง HTML <tr>
เป็นไปได้ไหมที่จะขอบแถวตาราง&lt;tr&gt;ในคราวเดียวแทนที่จะให้เส้นขอบกับแต่ละเซลล์&lt;td&gt;เช่น &lt;table cellpadding="0" cellspacing="0" width="100%" style="border: 1px;" rules="none"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;th style="width: 96px;"&gt;Column 1&lt;/th&gt; &lt;th style="width: 96px;"&gt;Column 2&lt;/th&gt; &lt;th style="width: 96px;"&gt;Column 3&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="border-left: thin solid; border-top: thin solid; border-bottom: thin solid;"&gt;&amp;nbsp;&lt;/td&gt; &lt;td style="border-top: thin solid; border-bottom: thin solid;"&gt;&amp;nbsp;&lt;/td&gt; &lt;td style="border-top: thin solid; …
92 html  css  border  html-table 

7
Firefox 4: มีวิธีลบขอบสีแดงในรูปแบบที่จำเป็นหรือไม่?
เมื่อกำหนดจำเป็นในช่องแบบฟอร์ม Firefox 4 จะแสดงเส้นขอบสีแดงให้กับองค์ประกอบนี้โดยอัตโนมัติแม้กระทั่งก่อนที่ผู้ใช้จะกดปุ่มส่ง &lt;input type="text" name="example" value="This is an example" required /&gt; ฉันคิดว่านี่เป็นการรบกวนผู้ใช้เนื่องจากเขา / เธอไม่ได้ทำผิดพลาดในตอนเริ่มต้น ฉันต้องการซ่อนขอบสีแดงนั้นสำหรับสถานะเริ่มต้น แต่จะแสดงเมื่อผู้ใช้กดปุ่มส่งหากมีฟิลด์ที่ขาดหายไปซึ่งทำเครื่องหมายว่าจำเป็น ฉันดู:requiredและ:invalidจากตัวเลือกหลอกใหม่ แต่การเปลี่ยนแปลงมีไว้สำหรับก่อนและหลังการตรวจสอบความถูกต้อง (จากFirefox 4 รูปแบบการป้อนข้อมูลที่จำเป็นขอบสีแดง / โครงร่าง ) มีวิธีปิดใช้งานเส้นขอบสีแดงก่อนที่ผู้ใช้จะส่งแบบฟอร์มหรือไม่และแสดงว่ามีบางช่องที่หายไป

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.