Thuộc tính thiết lập phơng chữ cho thành phần ‘text’

Một phần của tài liệu tìm hiểu SVG và ứng dụng (Trang 127 - 128)

Một số thuộc tính dùng để thiết lập phơng chữ cho văn bản (thành phần ‘text’, ‘tspan’, ‘tref’).

font-family =

[[ <family-name> |<generic-family> ],]* [<family-name> |<generic- family>] | inherit

Thuộc tính này dùng để chỉ định họ phơng chữ được dùng để hiển thị

văn bản.

font-style = normal | italic | oblique | inherit

Thuộc tính này dùng để chỉ định kiểu hiển thị văn bản là bình thường (normal), nghiên (italic), hay trong suốt (oblique).

font-variant = normal | small-caps | inherit

Thuộc tính này dùng để chỉđịnh văn bản hiển thị dưới dạng chữ thường hay chữ hoa.

font-weight =

normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit

Thuộc tính này dùng để chỉ định độ lớn, nhỏ của nét vẽ tương ứng với các phơng chữ khác nhau trong cùng một họ.

127 font-size =

<absolute-size> | <relative-size> |<length> | <percentage> | inherit Thuộc tính này dùng để chỉ định kích thước phơng chữ hiển thị cho văn bản. Trong tài liệu SVG, nếu <length> được cung cấp mà khơng cĩ đơn vị chỉđịnh (ví dụ, giá trị 128) thì tác nhân người dùng hiểu <length> là giá trị chiều cao của chữ trong hệ trục toạđộ người dùng hiện tại.

Nếu <length> được cung cấp với một đơn vị chỉđịnh cụ thể (ví dụ, 12pt hoặc 10%), thì tác nhân người dùng sẽ chuyển <length> sang giá trị

tương ứng trong hệ trục toạđộ người dùng hiện tại. font-size-adjust = <number> | none | inherit

Thuộc tính này dùng để chỉ định giá trị riêng cho một thành phần để

bảo tồn chiều cao của phơng chữđược chọn đầu tiên trong phơng chữ

thay thế. font =

[ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]?<'font-size'> [ / <'line-height'> ]? <'font-family'> ] |caption | icon | menu | message-box| small-caption | status-bar | inherit

Một thuộc tính dùng để thiết lập nhanh ‘font-style’ (kiểu phơng chữ), ‘font-variant’ (chữ hoa, chữ thường), ‘font-weight’(độ lớn của nét chữ), ‘font-size’ (kích thước chữ), ‘line-height’ (được hiển là ‘font-size’) và ‘font-family’ (họ phơng chữ).

Định nghĩa chi tiết của các thuộc tính này trong đặc tả trang định kiểu phân cấp (CSS) (khơng được trình bày ởđây).

Một phần của tài liệu tìm hiểu SVG và ứng dụng (Trang 127 - 128)