Các thuộc tính của text

[Lưu]

Các thuộc tính của text

Bạn có thể trang trí cho text trong các bgcolor2 hoặc box bằng các thuộc tính của text dưới đây, hãy cùng nhau khám phá từng cái một nào.

1. text-align - Canh lề chữ
Cái này thì có vẻ không cần thiết cho lắm, bởi vì đã có sẵn các tag [LEFT], [RIGHT], [CENTER], [JUSTIFY] rồi, nhưng thôi cứ viết cho đầy đủ.

text-align:center

Canh giữa

text-align:left

Canh trái

text-align:right

Canh phải

text-align:justify

Giãn đều ra chiều ngang ở tất cả các hàng

[BOX=transparent;text-align:center|black|1|0|0][B]Điện thoại[/B][/BOX]

Điện thoại

 

[BOX=transparent;text-align:justify|black|1|0|0][MARGIN=350]Nhà không có điện thoại, anh Hai đi làm xa muốn thăm mẹ phải gọi nhờ nhà hàng xóm. Người hàng xóm không vui lòng nhưng chẳng nói ra. Anh Hai ngại nên những cuộc gọi về cứ thưa dần.
Mẹ dành dụm tiền, nhà mắc được điện thoại. Cũng có khi do bận việc nên cả tuần anh Hai mới gọi về một lần.
Từ ngày nhà có điện thoại mẹ ít đi đâu, làm gì cũng loay hoay bên chiếc máy. Có người hỏi lý do, mẹ nói: "Sợ thằng Hai gọi về mà không gặp được!"[/MARGIN][/BOX]

Nhà không có điện thoại, anh Hai đi làm xa muốn thăm mẹ phải gọi nhờ nhà hàng xóm. Người hàng xóm không vui lòng nhưng chẳng nói ra. Anh Hai ngại nên những cuộc gọi về cứ thưa dần.
Mẹ dành dụm tiền, nhà mắc được điện thoại. Cũng có khi do bận việc nên cả tuần anh Hai mới gọi về một lần.
Từ ngày nhà có điện thoại mẹ ít đi đâu, làm gì cũng loay hoay bên chiếc máy. Có người hỏi lý do, mẹ nói: "Sợ thằng Hai gọi về mà không gặp được!"

 

[BOX=transparent;text-align:right|black|1|0|0][I]Võ Thành An[/I][/BOX]

Võ Thành An

 

2. text-decoration - Trang trí chữ

text-decoration: underline

Chữ gạch dưới

 

text-decoration: overline

Chữ gạch trên

 

text-decoration: line-through

Chữ gạch ngang

 

text-decoration: blink

Chữ nhấp nháy. Không hỗ trợ IE, Chrome, Safari.

 

[BOX=transparent;text-decoration: underline|black|1|0|0][CENTER]Buổi trưa ăn bưởi chua[/CENTER][/BOX]

Buổi trưa ăn bưởi chua

 

[BOX=transparent;text-decoration: overline|black|1|0|0][CENTER]Buổi trưa ăn bưởi chua[/CENTER][/BOX]

Buổi trưa ăn bưởi chua

 

[BOX=transparent;text-decoration: line-through|black|1|0|0][CENTER]Buổi trưa ăn bưởi chua[/CENTER][/BOX]

Buổi trưa ăn bưởi chua

 

[BOX=transparent;text-decoration: blink|black|1|0|0][CENTER]Buổi trưa ăn bưởi chua[/CENTER][/BOX]

Buổi trưa ăn bưởi chua

 

[BOX=transparent;text-decoration: overline underline blink|black|1|0|0][CENTER]Buổi trưa ăn bưởi chua[/CENTER][/BOX]

Buổi trưa ăn bưởi chua

 

3. text-indent - Thụt vào dòng đầu tiên

text-indent: length

Length là khoảng mà chữ thụt vào, đơn vị có thể là px, em, %.

[BOX=transparent;text-indent: 20px|black|1|0|0][MARGIN=350]Anh gần 40 tuổi mà chưa có vợ, chị nhỏ hơn anh gần một giáp lại xinh đẹp. Ngày anh đưa chị về nhà, ai cũng mừng cho anh chỉ riêng mẹ bảo: "Con phải tính cho kỹ, mẹ thấy không yên tâm". Anh cười nói: "Mẹ đừng lo".
Thôi nôi con anh được một tháng thì mẹ mất, trước khi đi mẹ chỉ dặn anh: "Giữ cháu lại cho bà". Anh cầm tay mẹ bảo: "Mẹ yên tâm".[/MARGIN][/BOX]

Anh gần 40 tuổi mà chưa có vợ, chị nhỏ hơn anh gần một giáp lại xinh đẹp. Ngày anh đưa chị về nhà, ai cũng mừng cho anh chỉ riêng mẹ bảo: "Con phải tính cho kỹ, mẹ thấy không yên tâm". Anh cười nói: "Mẹ đừng lo".
Thôi nôi con anh được một tháng thì mẹ mất, trước khi đi mẹ chỉ dặn anh: "Giữ cháu lại cho bà". Anh cầm tay mẹ bảo: "Mẹ yên tâm".

 

[BOX=transparent;text-indent: 10%|black|1|0|0][MARGIN=350]Anh chị ly dị, con anh theo mẹ, anh đứng trước bàn thờ mẹ khóc chỉ nói được câu: "Con xin lỗi".[/MARGIN][/BOX]

Anh chị ly dị, con anh theo mẹ, anh đứng trước bàn thờ mẹ khóc chỉ nói được câu: "Con xin lỗi".

 

4. text-shadow - Chữ đổ bóng
Có lẽ đây là phần hấp dẫn nhất.

Cú pháp: text-shadow: h-shadow v-shadow blur color. Trong đó:

h-shadow

Bắt buộc. Vị trí theo chiều ngang của bóng so với text, chấp nhận số âm. Có thể dùng đơn vị px hoặc em.

v-shadow

Bắt buộc. Vị trí theo chiều dọc của bóng so với text, chấp nhận số âm. Có thể dùng đơn vị px hoặc em.

blur

Không bắt buộc. Độ nhòe của bóng. Có thể dùng đơn vị px hoặc em.

color

Màu bóng. Không bắt buộc.

[BOX=transparent;color: blue; text-shadow: 2px 2px #333|black|1|0|0][CENTER][B]Con lươn nó luồn qua lườn [/B][/CENTER][/BOX]

Con lươn nó luồn qua lườn

 

Thêm độ mờ cho bóng:

[BOX=transparent;color: blue; text-shadow: 2px 2px 1px #333|black|1|0|0][CENTER][B]Con lươn nó luồn qua lườn [/B][/CENTER][/BOX]

Con lươn nó luồn qua lườn

 

[BOX=transparent;color: blue; text-shadow: 2px 2px 4px #333|black|1|0|0][CENTER][B]Con lươn nó luồn qua lườn [/B][/CENTER][/BOX]

Con lươn nó luồn qua lườn

 

Đổ bóng cho chữ trắng:

[BOX=transparent;color: white; text-shadow: black 1px 1px 4px|black|1|0|0][CENTER][B]Con lươn nó luồn qua lườn [/B][/CENTER][/BOX]

Con lươn nó luồn qua lườn

 

Đổ nhiều bóng:

[BOX=transparent;color: blue; text-shadow: 0.2em 0.5em 0.1em #600, -0.3em 0.1em 0.1em #060, 0.4em -0.3em 0.1em #006|black|1|0|0][CENTER][B]Con lươn nó luồn qua lườn [/B][/CENTER][/BOX]

Con lươn nó luồn qua lườn

 

Làm chữ nổi:

[BOX=#CCCCCC;color: #dedede; text-shadow: -1px -1px white, 1px 1px #333|black|1|0|0][CENTER][B]Con lươn nó luồn qua lườn [/B][/CENTER][/BOX]

Con lươn nó luồn qua lườn

 

Làm chữ chìm:

[BOX=#CCCCCC;color: d1d1d1; text-shadow: 1px 1px white, -1px -1px #444|black|1|0|0][CENTER][B]Con lươn nó luồn qua lườn [/B][/CENTER][/BOX]

Con lươn nó luồn qua lườn

 

Làm viền chữ:

[BOX=#CCCCFF;color: #bbbbee; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black|black|1|0|0][CENTER][B]Con lươn nó luồn qua lườn [/B][/CENTER][/BOX]

Con lươn nó luồn qua lườn

 

Làm chữ neon:

[BOX=#CCCCFF;color: #555555; text-shadow: 0 0 0.2em #8F7|black|1|0|0][CENTER][B]Con lươn nó luồn qua lườn [/B][/CENTER][/BOX]

Con lươn nó luồn qua lườn

 

5. text-transform - Chữ thường, chữ hoa

text-transform:uppercase

Chuyển tất cả sáng chữ HOA

text-transform:capitalize

Chuyển tất cả chữ cái đầu của mỗi từ sang chữ Hoa

text-transform:lowercase

Chuyển tất cả sang chữ thường

[BOX=transparent;text-transform:uppercase|black|1|0|0][MARGIN=350][CENTER]Con cá mòi béo để gốc quéo cho mèo đói ăn[/CENTER][/MARGIN][/BOX]

Cá mòi béo để gốc quéo cho mèo đói ăn

 

[BOX=transparent;text-transform:capitalize|black|1|0|0][MARGIN=350][CENTER]Con cá mòi béo để gốc quéo cho mèo đói ăn[/CENTER][/MARGIN][/BOX]

Cá mòi béo để gốc quéo cho mèo đói ăn

 

[narubees]

Heo mập mập

Sao không thấy nhấp nháy?
Với lại thêm [/limitr] sau mỗi code chi thế

[Lưu's Clone]

^ Ơ. Giờ mới phát hiện là Chrome không chạy.
Cái limitr là do nhầm thôi.

[♥PhongLinh♥]

Buổi trưa ăn bưởi chua

text này ko chỉ thời gian nhấp nháy chữ đc à?

[Lưu]

Cái đó chắc phải dùng đến javascript thì mới làm được.

[Hei]

stick 1 tuần

[Mọt Truyện Tranh]

Mọt Truyện Tranh thông minh xinh đẹp @_@ hờ~~~~

Con lươn nó luồn qua lườn

Con lươn nó luồn qua lườn

Buổi trưa ăn bưởi chua

[lybia]

thấy khò hỉu làm sao ý

[PokemonWorld]

PokemonWorld

[Franken Frank]

Music Rebelion