会員登録(無料)
ログイン
スキルアップは今すぐこちら!▶

CSS INDEX(プロパティ一覧)

この記事は約16分で読めます。

align-content

フレックスボックスの交差軸またはグリッドのブロック軸方向の内部のアイテムの間または周囲の空間の配分方法を設定します。

align-content: start;
align-content: center;
align-content: space-between;
align-content: space-around;

align-items

すべての直接の子要素に集合として align-self の値を設定します。

align-items: normal;
align-items: stretch;
align-items: center;
align-items: start;
align-items: end;
align-items: flex-start;
align-items: flex-end;
align-items: baseline;
align-items: first baseline;
align-items: last baseline;
align-items: safe center;
align-items: unsafe center;
align-items: inherit;
align-items: initial;
align-items: revert;
align-items: unset;

alignment-adjust

要素の揃えライン を指定します。

alignment-adjust: <length>;
alignment-adjust: <percentage>;
alignment-adjust: after-edge;
alignment-adjust: alphabetic;
alignment-adjust: auto;
alignment-adjust: baseline;
alignment-adjust: before-edge;
alignment-adjust: central;
alignment-adjust: hanging;
alignment-adjust: ideographic;
alignment-adjust: mathematical;
alignment-adjust: middle;
alignment-adjust: text-after-edge;
alignment-adjust: text-before-edge;

alignment-baseline

要素の揃えライン を指定します。

alignment-baseline

align-self

グリッドやフレックスのアイテムの align-items の値を上書きします。

align-self

animation

アニメーションをまとめて設定します。

animation

animation-delay

アニメーションの遅延時間を指定します。

animation-delay

animation-direction

アニメーションの方向を指定します。

animation-direction

animation-duration

アニメーション再生時間を指定します。

animation-duration

animation-fill-mode

アニメーションの再生前後のモードを指定します。

animation-fill-mode

animation-iteration-count

アニメーションの繰り返しを指定します。

animation-iteration-count

animation-name

アニメーション名を指定します。

animation-name

animation-play-state

アニメーションの再生と一時停止を指定します。

animation-play-state

animation-timing-function

アニメーション速度を指定します。

animation-timing-function

azimuth

音声が聞こえてくる水平角度(方向)を指定します。

azimuth

backface-visibility

要素がユーザーに対して裏側を向いたときに、裏面を可視にするかどうかを設定します。

backface-visibility 
    background  
    background-attachment   
    background-blend-mode   
    background-clip 
    background-color    
    background-image    
    background-origin   
    background-position 
    background-repeat   
    background-size 
    baseline-shift  
    binding 
    bleed   
    bookmark-label  
    bookmark-level  
    bookmark-state  
    bookmark-target 
    border  
    border-bottom   
    border-bottom-color 
    border-bottom-left-radius   
    border-bottom-right-radius  
    border-bottom-style 
    border-bottom-width 
    border-collapse 
    border-color    
    border-image    
    border-image-outset 
    border-image-repeat 
    border-image-slice  
    border-image-source 
    border-image-width  
    border-left 
    border-left-color   
    border-left-style   
    border-left-width   
    border-radius   
    border-right    
    border-right-color  
    border-right-style  
    border-right-width  
    border-spacing  
    border-style    
    border-top  
    border-top-color    
    border-top-left-radius  
    border-top-right-radius 
    border-top-style    
    border-top-width    
    border-width    
    bottom  
    box-shadow  
    box-sizing  
    break-after 
    break-before    
    break-inside    
    caption-side    
    clear   
    clip    
    clip-path   
    color   
    column-count    
    column-fill 
    column-gap  
    column-rule 
    column-rule-color   
    column-rule-style   
    column-rule-width   
    columns 
    column-span 
    column-width    
    content 
    counter-increment   
    counter-reset   
    crop    
    cue 
    cue-after   
    cue-before  
    cursor  
    direction   
    display 
    dominant-baseline   
    drop-initial-after-adjust   
    drop-initial-after-align    
    drop-initial-before-adjust  
    drop-initial-before-align   
    drop-initial-size   
    drop-initial-value  
    elevation   
    empty-cells 
    filter  
    flex    
    flex-basis  
    flex-direction  
    flex-flow   
    flex-grow   
    flex-shrink 
    flex-wrap   
    float   
    float-offset    
    font    
    font-family 
    font-feature-settings   
    font-kerning    
    font-language-override  
    font-size   
    font-size-adjust    
    font-stretch    
    font-style  
    font-synthesis  
    font-variant    
    font-variant-alternates 
    font-variant-caps   
    font-variant-east-asian 
    font-variant-ligatures  
    font-variant-numeric    
    font-variant-position   
    font-weight 
    grid    
    grid-area   
    grid-auto-columns   
    grid-auto-flow  
    grid-auto-rows  
    grid-column 
    grid-column-end 
    grid-column-start   
    grid-gap    
    grid-gap-columns    
    grid-gap-rows   
    grid-row    
    grid-row-end    
    grid-row-start  
    grid-template   
    grid-template-areas 
    grid-template-columns   
    grid-template-rows  
    hanging-punctuation 
    height  
    hyphens 
    icon    
    image-orientation   
    image-rendering 
    image-resolution    
    ime-mode    
    inline-box-align    
    justify-content 
    justify-items   
    left    
    letter-spacing  
    line-break  
    line-height 
    line-stacking   
    line-stacking-ruby  
    line-stacking-shift 
    line-stacking-strategy  
    list-style  
    list-style-image    
    list-style-position 
    list-style-type 
    margin  
    margin-bottom   
    margin-left 
    margin-right    
    margin-top  
    marks   
    marquee-direction   
    marquee-loop    
    marquee-play-count  
    marquee-speed   
    marquee-style   
    max-height  
    max-width   
    min-height  
    min-width   
    mix-blend-mode  
    move-to 
    nav-down    
    nav-index   
    nav-left    
    nav-right   
    nav-up  
    object-fit  
    object-position 
    opacity 
    order   
    orphans 
    outline 
    outline-color   
    outline-offset  
    outline-style   
    outline-width   
    overflow    
    overflow-style  
    overflow-wrap   
    overflow-x  
    overflow-y  
    padding 
    padding-bottom  
    padding-left    
    padding-right   
    padding-top 
    page    
    page-break-after    
    page-break-before   
    page-break-inside   
    page-policy 
    pause   
    pause-after 
    pause-before    
    perspective 
    perspective-origin  
    pitch   
    pitch-range 
    play-during 
    pointer-events  
    position    
    presentation-level  
    quotes  
    resize  
    rest    
    rest-after  
    rest-before 
    richness    
    right   
    rotation    
    rotation-point  
    ruby-align  
    ruby-merge  
    ruby-position   
    scroll-behavior 
    size    
    speak   
    speak-as    
    speak-header    
    speak-numeral   
    speak-punctuation   
    speech-rate 
    stress  
    string-set  
    table-layout    
    tab-size    
    target  
    target-name 
    target-new  
    target-position 
    text-align  
    text-align-last 
    text-decoration 
    text-decoration-line    
    text-decoration-style   
    text-decoration-color   
    text-emphasis   
    text-emphasis-color 
    text-emphasis-position  
    text-emphasis-style 
    text-height 
    text-indent 
    text-justify    
    text-overflow   
    text-rendering  
    text-shadow 
    text-transform  
    text-underline-position 
    top 
    transform   
    transform-origin    
    transform-style 
    transition  
    transition-delay    
    transition-duration 
    transition-property 
    transition-timing-function  
    touch-action    
    unicode-bidi    
    vertical-align  
    visibility  
    voice-balance   
    voice-duration  
    voice-family    
    voice-pitch 
    voice-range 
    voice-rate  
    voice-stress    
    voice-volume    
    volume  
    white-space 
    widows  
    will-change 
    width   
    word-break  
    word-spacing    
    word-wrap   
    writing-mode    
    z-index 
    @規則(At-rule)    
    @charset    
    @import 
    @media  
    @document   
    @page   
    @font-face  
    @keyframes  
    @viewport   
    @counter-style  
    @font-feature-values    
    @namespace  
タイトルとURLをコピーしました