Hướng dẫn why is border not working css? - tại sao biên giới không hoạt động css?

Tôi đã cố gắng để có được một đường viền ở hai bên của thùng chứa màu trắng của tôi. Nó chỉ không hiển thị. Tôi đã cố gắng đặt nó trong ba yếu tố khác nhau chỉ trong trường hợp! (xem bên dưới). Bất kỳ ý tưởng về cách làm cho nó hoạt động?

#wrapper {
    width:1000px;
    background:#F4F4F4;
    padding-top:5px;
    border: 3px #CDCDCD;
    overflow: auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;  
}

#casing {
    padding:0px 0px 0px 0px;
    background:#Fff;
    border: 0 1px 0 1px solid #000;
}   

#cover {
    border: 0 1px 0 1px solid #000;
}   

Hakan Fıstık

15.5K11 Huy hiệu vàng100 Huy hiệu bạc123 Huy hiệu đồng11 gold badges100 silver badges123 bronze badges

Khi được hỏi ngày 9 tháng 5 năm 2011 lúc 12:52May 9, 2011 at 12:52

Làm cái này:

border: solid #000;
border-width: 0 1px;

Bản demo trực tiếp: http://jsfiddle.net/afzky/ http://jsfiddle.net/aFzKy/

Đã trả lời ngày 9 tháng 5 năm 2011 lúc 13:30May 9, 2011 at 13:30

Šime Vidasšime vidasŠime Vidas

Phim thương hiệu vàng 178K6060 gold badges279 silver badges377 bronze badges

6

Tôi nghĩ rằng bạn vừa tạo ra cú pháp tốc ký cho thuộc tính

border: solid #000;
border-width: 0 1px;

Cố gắng đơn giản:

border-right: 1px solid #000;
border-left: 1px solid #000;

Đã trả lời ngày 9 tháng 5 năm 2011 lúc 12:55May 9, 2011 at 12:55

Rudi Visserrudi VisserRudi Visser

20,8K5 Huy hiệu vàng68 Huy hiệu bạc95 Huy hiệu Đồng5 gold badges68 silver badges95 bronze badges

4

Sử dụng dòng mã này trong CSS của bạn

border: 1px solid #000 !important;

Hoặc nếu bạn chỉ muốn đường viền ở bên trái và bên phải của container thì hãy sử dụng:

border-right: 1px solid #000 !important;
border-left: 1px solid #000 !important;

Đã trả lời ngày 7 tháng 8 năm 2015 lúc 20:28Aug 7, 2015 at 20:28

Bạn đã thử sử dụng Firebug để kiểm tra HTML được kết xuất và để xem chính xác những gì CSS đang được áp dụng cho các yếu tố khác nhau? Điều đó sẽ chọn các lỗi CSS như các lỗi được đề cập ở trên và bạn có thể thấy những kiểu nào đang được kế thừa và từ đâu - nó cũng là vô giá trong bất kỳ sự gỡ lỗi của CSS nào.

Đã trả lời ngày 9 tháng 5 năm 2011 lúc 12:58May 9, 2011 at 12:58

Ken Rayken RayKen Ray

2.4803 Huy hiệu vàng20 Huy hiệu bạc28 Huy hiệu Đồng3 gold badges20 silver badges28 bronze badges

0

Afaik, không có tốc ký như vậy cho biên giới. Bạn phải xác định riêng từng đường viền:

border: 0 solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;

Đã trả lời ngày 9 tháng 5 năm 2011 lúc 12:56May 9, 2011 at 12:56

Tatu Ulmanentatu UlmanenTatu Ulmanen

121K34 Huy hiệu vàng185 Huy hiệu bạc184 Huy hiệu đồng34 gold badges185 silver badges184 bronze badges

Chiều cao là 100% không chắc chắn, hãy thử đặt

border: solid #000;
border-width: 0 1px;

Đã trả lời ngày 26 tháng 3 năm 2014 lúc 4:37Mar 26, 2014 at 4:37

0

Bạn quên thêm phong cách biên giới, làm điều này

border-style: solid

Hoặc bạn có thể viết

border: 3px #CDCDCD solid

Đã trả lời ngày 30 tháng 3 lúc 11:09Mar 30 at 11:09

Trong phiên bản mới nhất, tôi vừa trải nghiệm để có được một biên giới mà trước tiên bạn phải đặt kiểu biên giới. Sau đó, chiều rộng hoặc màu sắc còn lại được xem xét.

border-style: solid;
border-width: 2px;
border:blueviolet;

Đã trả lời ngày 26 tháng 11 năm 2021 lúc 9:52Nov 26, 2021 at 9:52

Kiểm tra xem ở đâu đó trong mã bạn không sử dụng kiểu này:

border-top: none;

Hoặc bất kỳ biến thể nào khác của biên giới- {bên}: Không có.

Đã trả lời 14 tháng 4 lúc 14:09Apr 14 at 14:09

Co Tico tiCo ti

1261 Huy hiệu bạc12 Huy hiệu đồng1 silver badge12 bronze badges

Bạn không thể viết tắt khái niệm trong biên giới. Đơn giản chỉ cần sử dụng:- BorderWidth: '1px', Border: 'Solid #bdbdbd' // Đây là màu mà bạn có thể theo nhu cầu của bạn.

Đã trả lời ngày 17 tháng 8 lúc 9:26Aug 17 at 9:26

Tại sao biên giới của tôi không hoạt động trong CSS?

Tại sao biên giới của tôi không hiển thị HTML?

Tại sao bán kính biên giới không hoạt động?

Tại sao biên giới của một div không hiển thị?