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

CSS3マルチカラムプロパティ

CSS3は、新聞の構造としてテキストを配置するために複数の列をサポートしていました。以下に示すように、最も一般的に使用される複数列のプロパティのいくつか-

値 説明
列数
要素を分割する必要がある列の数をカウントするために使用されます
column-fill 列の塗りつぶし方法を決定するために使用されます
column-gap 列間のギャップを決定するために使用されます
column-rule ルールの数を指定するために使用されます
ルール-色 列ルールの色を指定するために使用されます
ルールスタイル 列のスタイルルールを指定するために使用されます
ルール幅 幅を指定するために使用されます
列スパン 列間のスパンを指定するために使用されます



  1. CSS3トランジション短縮プロパティ

    遷移の省略形プロパティを使用すると、遷移プロパティ、遷移期間、遷移タイミング関数、および遷移遅延を、遷移プロパティの値として1行で指定できます。 以下は、CSSの遷移短縮プロパティのコードです- 例 <!DOCTYPE html> <html> <head> <style> .container div {    width: 300px;    height: 100px;    border-radius: 1px;    background-color: r

  2. CSS3を使用した要素の2D変換

    2D変換は、平行移動、回転、拡大縮小、傾斜などの要素構造を再変更するために使用されます。 以下は、2D変換関数の一部です- Sr.No。 値と説明 1 matrix（n、n、n、n、n、n） 6つの値を持つ行列変換を定義するために使用されます 2 translate（x、y） x軸とy軸とともに要素を変換するために使用されます 3 translateX（n） x軸とともに要素を変換するために使用されます 4 translateY（n） y軸とともに要素を変換するために使用されます 5 scale（x、y） 要