positionの新しい値
旧topとright
#box01 > div span {
inset-block-start: 0;
inset-inline-end: 0;
}
旧bottmとleft
#box02 > div span {
inset-block-end: 0;
inset-inline-start: 0;
}
inset
#box03 > div span {
inset: 2em 3em 1em 5em; /*top, right, bottom, left - 英語の場合*/
}
floatの新しい値
Lorem ipsum dolor sit amet consectetur adipisicing elit.
#box04 > div p {
float: inline-start;
width: 20em;
}
Lorem ipsum dolor sit amet consectetur adipisicing elit.
#box05 > div p {
float: inline-end;
width: 20em;
}
text-alignの新しい値
Lorem ipsum dolor sit amet consectetur adipisicing elit.
#box06 > div p {
text-align: start;
}
Lorem ipsum dolor sit amet consectetur adipisicing elit.
#box07 > div p {
text-align: end;
}
Lorem ipsum dolor sit amet consectetur adipisicing elit.
#box07_2 > div p {
text-align: center;
}
resizeプロパティの新しい値
#box08 > div textarea {
resize: inline;
}
#box09 > div textarea {
resize: block;
}
Overflowプロパティの新しい値
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis hic sint rerum nihil iste deleniti excepturi labore iure neque suscipit! Blanditiis officia enim nesciunt possimus iusto itaque distinctio adipisci aspernatur quasi, suscipit eum eaque exercitationem quia vero et odio ea eos aliquid similique laboriosam excepturi amet pariatur, omnis illo ipsam. Eaque quas ipsam molestias neque molestiae ipsum. Omnis, nemo tempora molestiae non temporibus, quos minus quibusdam a rerum molestias quis aliquid, reiciendis sit dolorem, reprehenderit tenetur. Error pariatur illum omnis maxime! Tenetur officia deserunt corrupti voluptatibus modi iure voluptas obcaecati dolorem maxime reiciendis ut nam, sed, dolor nulla repudiandae nemo.
#box10 > div > div {
block-size: 5em;
overflow-block: scroll;
}
※firefoxしか、効かないようだ。