CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSユニットの操作

CSSには、幅、マージン、パディング、フォントサイズ、境界線幅などのさまざまな単位に対応するいくつかの単位があります。長さは、数値の後にpxなどの長さの単位を使用して示されます。 、dp、emなど。数値と長さの単位の間に空白を入れることはできません。

長さの単位は次のように分割されます：

  • 相対単位
  • 絶対

絶対単位

単位
略語
ピクセル
ピクセル
ポイント
Pt
インチ

センチメートル
Cm
ピカ
PC

相対単位

相対的な単位では、長さの値は固定されており、要素の正確なサイズが表示されます

単位
省略形
パーセント
％
Em
Em
例
例
ルートem
レム
ビューポートの幅
Vw
ビューポートの幅
Vh
ビューポートの幅
Vm
キャラクター
Ch
グリッド
Gd

  1. CSSを使用したテキスト変換

    CSS text-transformプロパティを使用すると、要素のテキストの大文字化を設定できます。次の値を受け入れることができます：大文字、小文字、大文字、全幅、フルサイズの仮名、なし。 構文 CSStext-transformプロパティの構文は次のとおりです- Selector {    text-transform: /*value*/ } 例 次の例は、CSSテキスト変換プロパティ-を示しています。 <!DOCTYPE html> <html> <head> <style> h2 {    te

  2. CSSを使用したテーブルのスタイリング

    CSSを使用してテーブルのスタイルを定義できます。次のプロパティは、とその要素のスタイルを設定するために使用されます- 境界線 CSS borderプロパティは、border-width、border-style、border-colorを定義するために使用されます。 境界の崩壊 このプロパティは、要素の境界線を共有するか個別にするかを指定するために使用されます。 キャプション caption-sideプロパティは、テーブルのキャプションボックスを垂直方向に配置するために使用されます。 空のセル このプロパティは、テーブルの空のセルの表示を指定するために使用されます。 テーブ