• Bản quyền
  • Tác Giả
  • FAQs
Tech News, Magazine & Review WordPress Theme 2017
  • Home
  • HTML
    Các ký tự thực thể trong HTML

    Các ký tự thực thể trong HTML

    Cách chèn Plug-in vào trang web HTML

    Cách chèn Plug-in vào trang web HTML

    Cách tạo một cái bảng (table) trong HTML

    Cách tạo một cái bảng (table) trong HTML

    Cách tạo một cái danh sách trong HTML

    Cách tạo một cái danh sách trong HTML

    Cách chèn video trên Youtube vào trang web

    Cách chèn video trên Youtube vào trang web

    Cách chèn một cái khung vào bên trong trang web

    Cách chèn một cái khung vào bên trong trang web

    Cách chèn một đoạn audio vào trang web

    Cách chèn một đoạn audio vào trang web

    Cách chèn một đoạn video vào trang web

    Cách chèn một đoạn video vào trang web

    Cách tạo một cái bản đồ ảnh trong HTML

    Cách tạo một cái bản đồ ảnh trong HTML

  • CSS
    Chỉnh độ ưu tiên hiển thị giữa các phần tử HTML

    Chỉnh độ ưu tiên hiển thị giữa các phần tử HTML

    Cách sử dụng thuộc tính float & clear trong CSS

    Cách sử dụng thuộc tính float & clear trong CSS

    Cách thức định dạng cho một cái liên kết (Link)

    Cách thức định dạng cho một cái liên kết (Link)

    Chức năng & cách sử dụng thuộc tính transition

    Chức năng & cách sử dụng thuộc tính transition

    Cách tạo hiệu ứng chuyển động cho phần tử HTML

    Cách tạo hiệu ứng chuyển động cho phần tử HTML

    Cách thiết lập vị trí cho một phần tử HTML

    Cách thiết lập vị trí cho một phần tử HTML

    Chỉnh cách thức hiển thị của một phần tử HTML

    Chỉnh cách thức hiển thị của một phần tử HTML

    Cách tạo thanh cuộn (scroll) cho một phần tử HTML

    Cách tạo thanh cuộn (scroll) cho một phần tử HTML

    Cách chỉnh độ trong suốt cho một phần tử HTML

    Cách chỉnh độ trong suốt cho một phần tử HTML

  • JavaScript
    Từ dành riêng (Reserved Words) trong JavaScript

    Từ dành riêng (Reserved Words) trong JavaScript

    Thủ thuật giúp cải thiện hiệu suất chương trình

    Thủ thuật giúp cải thiện hiệu suất chương trình

    Khuôn khổ trình bày mã lệnh JavaScript

    Khuôn khổ trình bày mã lệnh JavaScript

    Chế độ nghiêm ngặt (Strict Mode) trong JavaScript

    Chế độ nghiêm ngặt (Strict Mode) trong JavaScript

    Thuật ngữ "Hoisting" trong JavaScript

    Thuật ngữ “Hoisting” trong JavaScript

    Cách tìm và sửa những câu lệnh bị lỗi

    Cách tìm và sửa những câu lệnh bị lỗi

    Các lệnh xử lý lỗi trong JavaScript

    Các lệnh xử lý lỗi trong JavaScript

    Câu lệnh break & continue trong JavaScript

    Câu lệnh break & continue trong JavaScript

    Cách sử dụng vòng lặp while & do while

    Cách sử dụng vòng lặp while & do while

  • jQuery
    Cách chọn các phần tử tổ tiên trong jQuery

    Cách chọn các phần tử tổ tiên trong jQuery

    Các phương thức thiết lập thuộc tính Class trong jQuery

    Các phương thức thiết lập thuộc tính Class trong jQuery

    Xóa phần tử HTML trong jQuery

    Xóa phần tử HTML trong jQuery

    Các phương thức lấy nội dung và thuộc tính trong jQuery

    Các phương thức lấy nội dung và thuộc tính trong jQuery

    Kết thúc hiệu ứng bằng phương thức Stop() trong jQuery

    Kết thúc hiệu ứng bằng phương thức Stop() trong jQuery

    Hiệu ứng động (Animation) trong jQuery

    Hiệu ứng động (Animation) trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng trượt trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng trượt trong jQuery

    Hàm Callback trong jQuery

    Hàm Callback trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng phai màu trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng phai màu trong jQuery

  • Mysql
    Tìm hiểu INNER JOIN trong MySQL

    Tìm hiểu INNER JOIN trong MySQL

    Tìm hiểu RIGHT JOIN trong MySQL

    Tìm hiểu RIGHT JOIN trong MySQL

    Cách sử dụng LEFT JOIN trong MySQL

    Cách sử dụng LEFT JOIN trong MySQL

    Danh sách các hàm trong MySQL

    Danh sách các hàm trong MySQL

    Tự động gán & tăng giá trị (AUTO_INCREMENT) trong MySQL

    Tự động gán & tăng giá trị (AUTO_INCREMENT) trong MySQL

    Cách lập chỉ mục trên cột trong MySQL

    Cách lập chỉ mục trên cột trong MySQL

    Ràng buộc DEFAULT trong MySQL

    Ràng buộc DEFAULT trong MySQL

    Ràng buộc CHECK trong MySQL

    Ràng buộc CHECK trong MySQL

    Ràng buộc FOREIGN KEY (khóa ngoại) trong MySQL

    Ràng buộc FOREIGN KEY (khóa ngoại) trong MySQL

  • PHP
    Cách sử dụng biểu thức chính quy (RegEx) trong PHP

    Cách sử dụng biểu thức chính quy (RegEx) trong PHP

    Cách sắp xếp thứ tự các phần tử mảng trong PHP

    Cách sắp xếp thứ tự các phần tử mảng trong PHP

    Cách khai báo, sử dụng Mảng (Array) trong PHP

    Cách khai báo, sử dụng Mảng (Array) trong PHP

    Cách khai báo và sử dụng hàm (function) trong PHP

    Cách khai báo và sử dụng hàm (function) trong PHP

    Vòng lặp for & foreach trong PHP

    Vòng lặp for & foreach trong PHP

    Vòng lặp while & do while trong PHP

    Vòng lặp while & do while trong PHP

    Lệnh switch case trong PHP

    Lệnh switch case trong PHP

    Lệnh điều kiện if ... else trong PHP

    Lệnh điều kiện if … else trong PHP

    Tìm hiểu cách sử dụng các loại toán tử trong PHP

    Tìm hiểu cách sử dụng các loại toán tử trong PHP

  • Phần Mềm
    • Đồ Họa
    • Kỹ Thuật
    • Văn Phòng
No Result
View All Result
  • Home
  • HTML
    Các ký tự thực thể trong HTML

    Các ký tự thực thể trong HTML

    Cách chèn Plug-in vào trang web HTML

    Cách chèn Plug-in vào trang web HTML

    Cách tạo một cái bảng (table) trong HTML

    Cách tạo một cái bảng (table) trong HTML

    Cách tạo một cái danh sách trong HTML

    Cách tạo một cái danh sách trong HTML

    Cách chèn video trên Youtube vào trang web

    Cách chèn video trên Youtube vào trang web

    Cách chèn một cái khung vào bên trong trang web

    Cách chèn một cái khung vào bên trong trang web

    Cách chèn một đoạn audio vào trang web

    Cách chèn một đoạn audio vào trang web

    Cách chèn một đoạn video vào trang web

    Cách chèn một đoạn video vào trang web

    Cách tạo một cái bản đồ ảnh trong HTML

    Cách tạo một cái bản đồ ảnh trong HTML

  • CSS
    Chỉnh độ ưu tiên hiển thị giữa các phần tử HTML

    Chỉnh độ ưu tiên hiển thị giữa các phần tử HTML

    Cách sử dụng thuộc tính float & clear trong CSS

    Cách sử dụng thuộc tính float & clear trong CSS

    Cách thức định dạng cho một cái liên kết (Link)

    Cách thức định dạng cho một cái liên kết (Link)

    Chức năng & cách sử dụng thuộc tính transition

    Chức năng & cách sử dụng thuộc tính transition

    Cách tạo hiệu ứng chuyển động cho phần tử HTML

    Cách tạo hiệu ứng chuyển động cho phần tử HTML

    Cách thiết lập vị trí cho một phần tử HTML

    Cách thiết lập vị trí cho một phần tử HTML

    Chỉnh cách thức hiển thị của một phần tử HTML

    Chỉnh cách thức hiển thị của một phần tử HTML

    Cách tạo thanh cuộn (scroll) cho một phần tử HTML

    Cách tạo thanh cuộn (scroll) cho một phần tử HTML

    Cách chỉnh độ trong suốt cho một phần tử HTML

    Cách chỉnh độ trong suốt cho một phần tử HTML

  • JavaScript
    Từ dành riêng (Reserved Words) trong JavaScript

    Từ dành riêng (Reserved Words) trong JavaScript

    Thủ thuật giúp cải thiện hiệu suất chương trình

    Thủ thuật giúp cải thiện hiệu suất chương trình

    Khuôn khổ trình bày mã lệnh JavaScript

    Khuôn khổ trình bày mã lệnh JavaScript

    Chế độ nghiêm ngặt (Strict Mode) trong JavaScript

    Chế độ nghiêm ngặt (Strict Mode) trong JavaScript

    Thuật ngữ "Hoisting" trong JavaScript

    Thuật ngữ “Hoisting” trong JavaScript

    Cách tìm và sửa những câu lệnh bị lỗi

    Cách tìm và sửa những câu lệnh bị lỗi

    Các lệnh xử lý lỗi trong JavaScript

    Các lệnh xử lý lỗi trong JavaScript

    Câu lệnh break & continue trong JavaScript

    Câu lệnh break & continue trong JavaScript

    Cách sử dụng vòng lặp while & do while

    Cách sử dụng vòng lặp while & do while

  • jQuery
    Cách chọn các phần tử tổ tiên trong jQuery

    Cách chọn các phần tử tổ tiên trong jQuery

    Các phương thức thiết lập thuộc tính Class trong jQuery

    Các phương thức thiết lập thuộc tính Class trong jQuery

    Xóa phần tử HTML trong jQuery

    Xóa phần tử HTML trong jQuery

    Các phương thức lấy nội dung và thuộc tính trong jQuery

    Các phương thức lấy nội dung và thuộc tính trong jQuery

    Kết thúc hiệu ứng bằng phương thức Stop() trong jQuery

    Kết thúc hiệu ứng bằng phương thức Stop() trong jQuery

    Hiệu ứng động (Animation) trong jQuery

    Hiệu ứng động (Animation) trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng trượt trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng trượt trong jQuery

    Hàm Callback trong jQuery

    Hàm Callback trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng phai màu trong jQuery

    Cách HIỆN/ẨN phần tử với hiệu ứng phai màu trong jQuery

  • Mysql
    Tìm hiểu INNER JOIN trong MySQL

    Tìm hiểu INNER JOIN trong MySQL

    Tìm hiểu RIGHT JOIN trong MySQL

    Tìm hiểu RIGHT JOIN trong MySQL

    Cách sử dụng LEFT JOIN trong MySQL

    Cách sử dụng LEFT JOIN trong MySQL

    Danh sách các hàm trong MySQL

    Danh sách các hàm trong MySQL

    Tự động gán & tăng giá trị (AUTO_INCREMENT) trong MySQL

    Tự động gán & tăng giá trị (AUTO_INCREMENT) trong MySQL

    Cách lập chỉ mục trên cột trong MySQL

    Cách lập chỉ mục trên cột trong MySQL

    Ràng buộc DEFAULT trong MySQL

    Ràng buộc DEFAULT trong MySQL

    Ràng buộc CHECK trong MySQL

    Ràng buộc CHECK trong MySQL

    Ràng buộc FOREIGN KEY (khóa ngoại) trong MySQL

    Ràng buộc FOREIGN KEY (khóa ngoại) trong MySQL

  • PHP
    Cách sử dụng biểu thức chính quy (RegEx) trong PHP

    Cách sử dụng biểu thức chính quy (RegEx) trong PHP

    Cách sắp xếp thứ tự các phần tử mảng trong PHP

    Cách sắp xếp thứ tự các phần tử mảng trong PHP

    Cách khai báo, sử dụng Mảng (Array) trong PHP

    Cách khai báo, sử dụng Mảng (Array) trong PHP

    Cách khai báo và sử dụng hàm (function) trong PHP

    Cách khai báo và sử dụng hàm (function) trong PHP

    Vòng lặp for & foreach trong PHP

    Vòng lặp for & foreach trong PHP

    Vòng lặp while & do while trong PHP

    Vòng lặp while & do while trong PHP

    Lệnh switch case trong PHP

    Lệnh switch case trong PHP

    Lệnh điều kiện if ... else trong PHP

    Lệnh điều kiện if … else trong PHP

    Tìm hiểu cách sử dụng các loại toán tử trong PHP

    Tìm hiểu cách sử dụng các loại toán tử trong PHP

  • Phần Mềm
    • Đồ Họa
    • Kỹ Thuật
    • Văn Phòng
No Result
View All Result
IZWEBZ – Blog học lập trình, thiết kế web cơ bản & chuyên sâu
No Result
View All Result
Home CSS

Cách tạo đường viền hình ảnh cho một phần tử

Demon Warlock by Demon Warlock
Cách tạo đường viền hình ảnh cho một phần tử
Share on FacebookShare on Twitter
HAI BỐ CON NHÀ MÈO ĐANG ÔM NHAU NGỦ

1) Cách tạo một cái đường viền hình ảnh cho phần tử

– Để tạo một cái “đường viền hình ảnh” cho phần tử thì về cơ bản chúng ta cần phải thực hiện lần lượt ba công việc như sau.

  • 1)  Tạo một cái đường viền cho phần tử.
  • 2)  Xác định tấm hình dùng làm đường viền hình ảnh.
  • 3)  Ghép tấm hình lên đường viền để tạo thành đường viền hình ảnh.

1.1) Tạo một cái đường viền cho phần tử

– Thật ra thì đường viền hình ảnh không phải là đường viền của phần tử, nó là một thứ gì đó hiển thị đè lên đường viền của phần tử, nếu đường viền của phần tử không tồn tại thì đường viền hình ảnh sẽ không thể nào tồn tại. Cho nên, để tạo được một cái đường viền hình ảnh thì điều đầu tiên mà chúng ta cần phải làm đó chính là tạo một cái đường viền cho phần tử.

– Lưu ý: Bởi vì đường viền hình ảnh sẽ nằm đè lên đường viền của phần tử, cho nên kiểu & màu sắc của đường viền không quan trọng (miễn sao kiểu đường viền không phải none là được)

1.2) Xác định tấm hình dùng làm đường viền hình ảnh

– Để xác định tấm hình mà các bạn muốn dùng nó để làm đường viền hình ảnh thì chúng ta sử dụng thuộc tính border-image-source với cú pháp như sau:

border-image-source: url(đường dẫn đến tập tin hình ảnh);

1.3) Ghép tấm hình lên đường viền để tạo thành đường viền hình ảnh

– Sau khi đã tạo đường viền & xác định tấm hình dùng làm đường viền hình ảnh thì công việc cuối cùng đó chính là phân chia tấm hình ra thành nhiều mảnh, sau đó ghép các mảnh hình ảnh lên đường viền để tạo thành đường viền hình ảnh.

Ví dụ:

WEB CƠ BẢN

– Để tạo một cái “đường viền hình ảnh” cho phần tử giống như minh họa phía trên thì tôi thực hiện lần lượt các bước như sau:

– Bước 1: Sử dụng thuộc tính border để tạo một cái đường viền cho phần tử.

WEB CƠ BẢN

– Bước 2: Sử dụng thuộc tính border-image-source để xác định tấm hình mà mình muốn dùng để làm đường viền hình ảnh.

– Bước 3: Sử dụng thuộc tính border-image-slice để phân chia tấm hình ra thành nhiều mảnh, mặc định thì tấm hình sẽ được chia thành chín mảnh như bên dưới.

1
2
3
8
9
4
7
6
5

– Tám mảnh hình ảnh 1 2 3 4 5 6 7 8 sẽ được ghép lần lượt lên tám vị trí tương ứng trên đường viền của phần tử.

WEB CƠ BẢN

1
2
3
8
4
7
6
5

– Tạo thành đường viền hình ảnh.

WEB CƠ BẢN

Xem ví dụ

2) Kỹ thuật phân chia các mảnh hình ảnh

– Như các bạn đã biết, thuộc tính border-image-slice dùng để phân chia tấm hình được sử dụng làm đường viền hình ảnh ra thành chín mảnh hình ảnh.

– Tuy nhiên, kích thước của mỗi mảnh hình ảnh không phải tự nhiên mà có, nó là do vị trí của bốn đường kẻ trên tấm hình tạo thành, ví dụ:

Tôi có một tấm hình với kích thước 380×380 như bên dưới Tôi cho vào đó bốn đường kẻ thì sẽ nhận được chín mảnh hình ảnh
1
2
3
8
9
4
7
6
5
– Vậy vấn đề đặt ra ở đây là “làm thế nào để xác định vị trí của bốn đường kẻ đó !?”

– Thông thường, thuộc tính border-image-slice sẽ nhận một giá trị bao gồm bốn số tương ứng với vị trí của bốn đường kẻ.

    • Số thứ nhất dùng để tạo đường kẻ màu đỏ.
(nó được xác định dựa trên khoảng cách từ cạnh trên của tấm hình đến đường kẻ màu đỏ)
    • Số thứ hai dùng để tạo đường kẻ màu xanh lá.
(nó được xác định dựa trên khoảng cách từ cạnh phải của tấm hình đến đường kẻ xanh lá)
    • Số thứ ba dùng để tạo đường kẻ màu xanh dương.
(nó được xác định dựa trên khoảng cách từ cạnh dưới của tấm hình đến đường kẻ xanh dương)
    • Số thứ tư dùng để tạo đường kẻ màu đen.
(nó được xác định dựa trên khoảng cách từ cạnh trái của tấm hình đến đường kẻ màu đen)

– Ví dụ:

border-image-slice: 80 80 80 80;
30
40
50
60
70
80
90
100
110
120
130
30
40
50
60
70
80
90
100
110
120
130
30
40
50
60
70
80
90
100
110
120
130
30
40
50
60
70
80
90
100
110
120
130
(không được đặt chữ px phía sau các con số)

Ví dụ:

div{
    border:100px solid black;
    border-image-source:url(../image/pattern.png);
    border-image-slice:80 80 80 80;
}

Xem ví dụ

3) Tùy chỉnh kiểu lặp lại của bốn mảnh 2 4 6 8

– Thông thường, khi chúng ta thiết lập đường viền hình ảnh cho một phần tử thì mặc định, bốn mảnh hình ảnh 2 4 6 8 sẽ tự động giãn ra hoặc co lại để lấp đầy các vị trí tương ứng trên đường viền của phần tử.

Ví dụ:

– Tôi có một phần tử bên dưới:

WEB CƠ BẢN

– Và một tấm hình với kích thước 250×250 như sau:

– Tôi sử dụng tấm hình đó để làm đường viền hình ảnh cho phần tử phía trên, sau khi thiết lập thuộc tính border-image-slice với giá trị 50 50 50 50 thì phần tử phía trên sẽ trở thành:

WEB CƠ BẢN
Xem ví dụ

– Tuy nhiên, với việc sử dụng thuộc tính border-image-repeat thì chúng ta có thể tùy chỉnh kiểu lặp lại của bốn mảnh hình ảnh này.

border-image-repeat: value;

– Trong đó, value có thể được xác định dựa theo một trong sáu loại giá trị:

stretch – Bốn mảnh hình ảnh 2 4 6 8 sẽ tự động giãn ra hoặc co lại để lấp đầy các vị trí tương ứng trên đường viền của phần tử. Xem ví dụ
round – Bốn mảnh hình ảnh 2 4 6 8 sẽ tự động giãn ra hoặc co lại để lấp đầy các vị trí tương ứng trên đường viền của phần tử (Tuy nhiên, bốn mảnh hình ảnh này chỉ có thể giãn ra ở một mức độ vừa phải, nếu các vị trí tương ứng có kích thước quá lớn so với chúng thì chúng sẽ tự động được lặp lại)
repeat – Bốn mảnh hình ảnh 2 4 6 8 sẽ tự động được lặp lại hoặc xén bớt để lấp đầy các vị trí tương ứng trên đường viền.

– Lưu ý: Bốn mảnh hình ảnh 2 4 6 8 không lặp lại hoàn toàn, chúng chỉ lặp lại một phần nào đó ở hai đầu vừa đủ để lấp đầy các các vị trí tương ứng trên đường viền mà thôi.

space – Đối với giá trị này thì các mảnh hình ảnh sẽ có những đặc điểm như sau:

  • Mảnh 2 & 6 được giữ đúng kích thước theo chiều ngang.
  • Mảnh 4 & 8 được giữ đúng kích thước theo chiều dọc.
  • Bốn mảnh hình ảnh 2 4 6 8 sẽ tự động được lặp lại nếu các vị trí tương ứng có kích thước lớn hơn chúng & đủ không gian để chứa lần lặp kế tiếp của chúng, nếu không đủ không gian thì sẽ bị thay thế bởi các khoảng trắng.
initial – Sử dụng giá trị mặc định của nó.

(mặc định thì thuộc tính border-image-repeat có giá trị là stretch)

inherit – Kế thừa giá trị thuộc tính border-image-repeat từ phần tử cha của nó.

4) Cách thiết lập độ dày của đường viền hình ảnh

– Mặc định thì “đường viền hình ảnh” sẽ có độ dày bằng với độ dày đường viền của phần tử. Vì vậy, cách đơn giản nhất để thiết lập độ dày của “đường viền hình ảnh” đó chính là thiết lập độ dày đường viền của phần tử. Tuy nhiên, việc thay đổi độ dày đường viền của phần tử sẽ khiến kích thước của phần tử bị thay đổi theo (Xem ví dụ)

– Từ đây, chúng ta có một cách khác dùng để thiết độ dày cho “đường viền hình ảnh” mà không làm thay đổi kích thước của phần tử, đó chính là sử dụng thuộc tính border-image-width.

border-image-width: value;

– Trong đó, value có thể được xác định dựa theo một trong sáu loại giá trị:

pixel – Chỉ định độ dày “đường viền hình ảnh” dựa theo một giá trị px cụ thể. Xem ví dụ
percent – Chỉ định độ dày “đường viền hình ảnh” dựa theo tỷ lệ phần trăm kích thước của phần tử HTML.

  • Độ dày đường viền phía trên & phía dưới sẽ được tính theo tỷ lệ phần trăm chiều cao (border + padding + content) của phần tử.
  • Độ dày đường viền bên trái & bên phải sẽ được tính theo tỷ lệ phần trăm chiều rộng (border + padding + content) của phần tử.
number – Chỉ định độ dày “đường viền hình ảnh” dựa theo cấp số nhân so với độ dày đường viền của phần tử.
auto – Giá trị của thuộc tính border-image-width sẽ bằng với giá trị của thuộc tính border-image-slice.
initial – Sử dụng giá trị mặc định của nó (mặc định thì độ dày đường viền hình ảnh sẽ bằng với độ dày đường viền của phần tử)
inherit – Kế thừa giá trị thuộc tính border-image-width từ phần tử cha của nó.

– Lưu ý: Việc thiết lập độ dày cho “đường viền hình ảnh” bằng thuộc tính border-image-width cũng có mặt hạn chế, đó là khi độ dày của “đường viền hình ảnh” lớn hơn độ dày đường viền của phần tử thì đường viền hình ảnh sẽ ăn lẹm vào phần padding và content của phần tử.

5) Cách thiết lập vị trí của đường viền hình ảnh

– Mặc định thì “đường viền hình ảnh” sẽ nằm đè lên đường viền của phần tử.

– Tuy nhiên, với việc sử dụng thuộc tính border-image-outset thì chúng ta có thể đẩy đường viền hình ảnh ra khỏi vị trí ban đầu của nó.

border-image-outset: value;

– Trong đó, value có thể được xác định dựa theo một trong bốn loại giá trị:

pixel – Chỉ định khoảng cách đẩy “đường viền hình ảnh” ra khỏi vị trí ban đầu dựa theo một giá trị pixel cụ thể. Xem ví dụ
number – Chỉ định khoảng cách đẩy “đường viền hình ảnh” ra khỏi vị trí ban đầu dựa theo cấp số nhân so với độ dày của đường viền.
initial – Sử dụng giá trị mặc định của nó

(mặc định thì thuộc tính border-image-outset có giá trị là 0)

inherit – Kế thừa giá trị thuộc tính border-image-outset từ phần tử cha của nó.
Demon Warlock

Demon Warlock

Tôi được sinh ra ở Việt Nam, nhưng hiện tại đang sống và làm việc tại Mỹ. Ngành tôi học không có liên quan gì đến thiết kế web. Nhưng đây là sở thích từ ngày còn là sinh viên du học, do vậy bây giờ dù cho đang đi làm nhưng tôi vẫn thích dùng thời gian rảnh rỗi của mình để học về thiết kế web. Như các bạn, tôi cũng việc mày mò tự học và khám phá.

Next Post
Cách thiết lập vùng đệm cho một phần tử HTML

Cách thiết lập vùng đệm cho một phần tử HTML

Blog học lập trình, thiết kế web từ cơ bản đến nâng cao cho người bắt đầu. Ngoài ra, còn chia sẻ các tài nguyên như: theme, plugin và game.

Follow Us

Chuyên mục

  • CSS
  • Đồ Họa
  • HTML
  • JavaScript
  • jQuery
  • Kỹ Thuật
  • Mysql
  • Phần Mềm
  • PHP
  • Văn Phòng

Recent News

Download Office 2016

Download Office 2016 – Hướng Dẫn Cài Đặt Chi Tiết

22 Tháng Mười Một, 2022
Download Office 2010 Professional – Hướng Dẫn Cài Đặt Chi Tiết

Download Office 2010 Professional – Hướng Dẫn Cài Đặt Chi Tiết

22 Tháng Mười Một, 2022
  • FAQs
  • Bản quyền
  • Tác Giả

© 2022 izwebz - Blog học lập trình, thiết kế web chuyên sâu

No Result
View All Result
  • Bản quyền
  • Chính sách bảo mật
  • Download Adobe Lightroom Classic CC 2020 – Hướng Dẫn Cài Đặt Chi Tiết
  • Download Adobe Photoshop CS6 – Hướng Dẫn Cài Đặt Chi Tiết
  • Download Adobe Premiere Pro CC 2020 – Hướng Dẫn Cài Đặt Chi Tiết
  • Download Internet Download Manager Full 2022
  • Download Photoshop 2019 – Hướng Dẫn Cài Đặt Chi Tiết
  • Download ProShow Gold 9.0 Và Hướng Dẫn Cài Đặt
  • Download Proshow Producer 9 – Hướng Dẫn Cài Đặt
  • FAQs
  • Home 1
  • Liên hệ
  • Tác Giả

© 2022 izwebz - Blog học lập trình, thiết kế web chuyên sâu