Làm sao để thay đổi lề trái của một phần tử?

Câu hỏi này kiểm tra kiến thức về các phương thức thao tác mảng trong lập trình. Phương thức shift() được sử dụng để loại bỏ phần tử đầu tiên khỏi mảng và trả về phần tử đó. Các phương thức khác có chức năng khác:

• pop(): Loại bỏ phần tử cuối cùng của mảng và trả về phần tử đó.


• push(): Thêm một hoặc nhiều phần tử vào cuối mảng và trả về độ dài mới của mảng.


• reverse(): Đảo ngược thứ tự các phần tử trong mảng.

Để thêm hình ảnh xuất hiện trên đường viền cho các phần tử trong CSS3, chúng ta sử dụng thuộc tính border-image. Thuộc tính này cho phép chỉ định một hình ảnh để sử dụng làm đường viền thay vì đường viền màu sắc thông thường.

Cú pháp của thuộc tính border-image như sau:

border-image: url(border.png) 30 30 round;

Trong đó:

• url(border.png): Đường dẫn đến hình ảnh sẽ được sử dụng làm đường viền.


• 30 30: Các giá trị này xác định khoảng cách (tính bằng pixel hoặc đơn vị khác) từ các cạnh của hình ảnh nguồn để chia hình ảnh thành 9 phần: 4 góc, 4 cạnh và phần trung tâm. Các góc được giữ nguyên, các cạnh được lặp lại hoặc kéo dãn, và phần trung tâm có thể được lặp lại, kéo dãn hoặc bỏ qua tùy thuộc vào các giá trị khác.


• round: Xác định cách các phần của hình ảnh đường viền được lặp lại để vừa với kích thước của phần tử. Các giá trị có thể là stretch (kéo dãn), repeat (lặp lại) hoặc round (lặp lại và điều chỉnh kích thước để vừa khít).

Các lựa chọn khác không đúng vì:

• border: url(image.png);: Cú pháp này không đúng. Thuộc tính border dùng để thiết lập các thuộc tính cơ bản của đường viền như độ dày, kiểu và màu sắc.


• border-variable: image url(image.png);: Không có thuộc tính border-variable trong CSS.


• "Không thêm được hình ảnh xuất hiện trên đường viền": Nhận định này sai, vì CSS3 cung cấp thuộc tính border-image để thực hiện việc này.