تخصيص النصوص في لغة Css

px

em

rem

%

svw, lvw, vw, dvw

svh, lvh, vh, dvh

وتعبر عن البكسل الواحد

على الشاشة

تعبر عن قياس موروث عن الأب

تعبر عن قياس موروث من الصفحة نفسها (وتختلف حسب الشاشة)

نسبة مئوية من العنصر الأب

واحدات نسبة مئوية من عرض الشاشة

واحدات نسبة مئوية من طول الشاشة

color: red; /* ( red | rgb(255, 0, 0) | hsl(0, 100%, 50%) | #ff0000 ) */

text-align: left; /* start | end | center | left | right */

text-decoration: underline; /* underline | overline | line-through */

text-transform: uppercase; /* uppercase | lowercase | capitalize */

font-family: "poppins";

font-size: 16px; /* px | vw | em | rem */

font-weight: 400; /* bold | normal | light | [100 - 900] */

font-style: italic; /* italic | oblique | normal */

line-height: 1.5em; /* px | vw | em | rem*/

font: italic bold 1.2em/1em "Poppins", sans-serif;

/* font-style font-weight font-size/line-height font-family */

whitespace: nowrap; /* nowrap | pre | normal */

text-overflow: ellipsis; /* ellipsis | clip */

Lorem Ipsum is simply dummy

Lorem Ipsum is simply dumm...

p {

text-overflow: ellipsis;

overflow: hidden;

white-space: nowrap;

}

p {

text-overflow: clip;

overflow: hidden;

white-space: nowrap;

}

<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">

@font-face {

font-family: "Poppins";

src: url("/assets/fonts/Poppins/regular.woff2") format("woff2");

font-weight: normal;

font-style: normal;

}