Tạo các borders với các đặc tính color, width và style
Để thiết lập một border, bạn phải trước tiên thiết lập borderWidth. borderWidth là kích thước của border, và nó
luôn là một số. Bạn có thể hoặc thiết lập một borderWidth cái áp dụng cho toàn bộ component hay chọn borderWidth
nào bạn muốn thiết lập cụ thể (top, right, bottom, hay left). Bạn có thể kết hợp các đặc tính này theo nhiều
cách để nhận hiệu ứng bạn thích. Xem ảnh dưới cho một vài ví dụ.
Như bạn có thể thấy, bạn có thể kết hợp các border styles để tạo các kết hợp của các hiệu ứng border. Đoạn code
tiếp theo thể hiện cái này dễ như thế nào để làm.
Khi chỉ borderWidth được chỉ ra, borderColor mặc định thành black và borderStyle mặc định thành solid. Nếu
borderWidth hay borderColor được thiết lập tại mức component, các đặc tính đó có thể bị ghi đè bằng cách sử dụng
một đặc tính cụ thể hơn như borderWidthLeft; tính cụ thể có ưu tiên hơn tính chung.
Chú ý borderStyle là một chút buggy, và tôi gợi ý gắn với mặc định, solid border. Nếu bạn thử thay đổi border
width của bất cứ cạnh nào và có borderStyle thiết lập thành dotted hay dashed, bạn sẽ nhận một lỗi. Cái này
có thể sửa tại một vài điểm, nhưng cho bây giờ không dùng quá nhiều thời gian làm khó bạn nếu borderStyle không
làm theo cách bạn mong đợi. Loại bỏ và đi lên.