Saya mencoba untuk mendefinisikan perbatasan di sekitar tag div dalam HTML. Di beberapa browser perbatasan tidak muncul.
Berikut ini saya HTML:
<div id="divActivites" name="divActivites" style="border:thin">
<textarea id="inActivities" name="inActivities" style="border:solid">
</textarea>
</div>
Bagaimana cara mengatur perbatasan untuk HTML div tag?
Mencoba menjadi eksplisit tentang semua border dan offline. Misalnya:
border:1px solid black;
Lihat Perbatasan singkatan properti. Meskipun bit lainnya adalah opsional beberapa browser don't mengatur lebar atau warna default anda'd harapkan. Dalam kasus anda, saya'd bertaruh bahwa itu's lebar yang's nol kecuali yang ditentukan.
Sesuai dengan W3C:
Sejak awal nilai gaya perbatasan adalah 'ada', tidak ada batas akan terlihat kecuali gaya perbatasan diatur.
Dengan kata lain, anda perlu mengatur gaya perbatasan (misalnya solid
) untuk perbatasan untuk muncul. border:tipis
hanya menetapkan lebar. Juga, warna akan secara default menjadi sama seperti warna teks (yang biasanya doesn't terlihat baik).
Saya merekomendasikan pengaturan semua tiga gaya:
style="border: thin solid black"
Anda dapat menggunakan:
border-style: solid;
border-width: thin;
border-color: #FFFFFF;
Anda dapat mengubah ini seperti yang anda lihat cocok, meskipun.
Saya kira ini adalah di mana anda menunjuk pada ..
<div id="divActivites" name="divActivites" style="border:thin">
<textarea id="inActivities" name="inActivities" style="border:solid">
</textarea>
</div>
Nah. itu harus ditulis sebagai border-width:thin
Di sini anda pergi dengan link (klik di sini) check out berbagai jenis Border-gaya
anda juga dapat mengatur lebar perbatasan dengan menulis lebar dalam piksel.. (seperti border-width:1px), lebar minimum adalah 1px.
Anda perlu untuk mengatur lebih lanjut bidang maka hanya perbatasan-lebar. Gaya pada dasarnya menempatkan perbatasan pada halaman. Lebar kontrol ketebalan, dan warna memberitahu itu warna apa untuk membuat perbatasan.
border-style: solid; border-width:thin; border-color: #FFFFFF;
Di bootstrap 4, anda dapat menggunakan perbatasan utilitas seperti begitu.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<style>
.border-5 {
border-width: 5px !important;
}
</style>
<textarea class="border border-dark border-5">some content</textarea>
.centerImge {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
height:50%;
}
<div>
@foreach (var item in Model)
{
<span> <img src="@item.Thumbnail" class="centerImge" /></span>
<h3 style="text-align:center"> @item.CategoryName</h3>
}
</div>