CSS-da az tanınan 4 property

CSS-da az tanınan 4 property

Code-News
07.01.2019 PAYLAŞIM
TECHNOTE @technote TECHNOTE logo icon

Bənzər xəbər


#Step IT Academy tərəfindən təqdim olunur  




CSS-da maraqlı və gərəkli funksiyalar çoxdur. Lakin bəziləri çox az istifadə olunur. Bunun səbəbi o qədər də tanınmamalarındadır. Ona görə də tərtibatçılar eyni nəticəni əldə etmək üçün kənar vasitələrdən istifadə edib gərəksiz yerə vaxt itirirlər. Biz sizə o özəlliklərin 4-ünü misal çəkəcəyik.

1. Cədvəldə bütün boş sətrləri gizlətmək.

    Bunun üçün JS yazmaq lazım deyil. CSS bunu artıq düşünüb:

table {
  empty-cells: hide;
}

IE8-dən etibarən bütün brauzerlər dəstəkləyirlər.


2. currentColor identifikatoru.

     Əgər rəngi CSSda dəyişənlər vasitəsi ilə təyin etmək lazımdırsa kənar vasitələrə qaçmağa tələsməyin. Bəlkə də özündə element üçün hazırda istifadə olan rəngi saxlayan currentColor işinizi görə bilər.

<style>
.text {
color: red;
}
.border {
background: currentColor;
height: 1px;
}
</style>
<div class=”text”>
The color of this text is the same as the one of the line:
<div class=”border”></div> ⇐ RED BORDER
Some more text.
</div>

IE8-dən etibarən dəstəklənir.


3. Birincilər üçün psevdoelementlər.

    Əgər birinci simvol və ya mətnin birinci sətri üçün tərz təyin etmək lazımdırsa first prefikslı psevdoelementləri sınayın:

p::first-letter {
  font-size: 2rem;
}
p::first-line {
  font-weight: 600;
}


4. Assimmetrik border-radius.

    Qeyri standart obyektlər üçün png və ya svg istifadə etməyə tələsməyin. Border-radius-un assimetrik imkanlarını sınayın öncə. Misal:

.non-symmetric-round {
  border-radius: 15px 15px 15px 10px / 5px 5px 20px 5px;
}



Qeyd: Əgər sizə dilin bir neçə özəlliklərini sadalayan bu cür lakonik yazılar maraqlıdırsa və CodeNews-da bənzər kiçik yazıları tez-tez görmək istəyirsinizsə şərhlərdə istifadə etdiyiniz dilləri qeyd edin. Axtarıb, tapıb, yazarıq :)

Qeyd: Şərhlərdə nalayiq ifadələr işlətmək, reklam xarakterli mətn paylaşmaq qadağandır.

Şərh yoxdur

Şərh yazmaq üçün daxil olun


DAHA ÇOX


2020-ci ildə məlumatların vizualizasiyası üçün aktual olacaq Top-8 JavaScript ki..

JavaScript-də məlumatları daha gözəl şəkildə təqdim etmək lazımdır?


Microsoft bu il olmuş qeyri adi fişinq kiberhücumlarından danışdı

Bir neçə müddət bundan öncə isə Microsoft şirkəti kiberhücumlar və malware-lar üzrə trendləri əks et..


Microsoft Windows-da 0-day boşluğu da daxil olmaqla 7 kritik sistem boşluğu arad..

Microsoft şirkəti bu ay təqdim etmiş olduğu yenilənmələr ilə öz sistemlərində 36 boşluğu aradan qald..


Microsoft Teams platformasının Linux versiyası təqdim edildi

Microsoft şirkəti Microsoft Teams platformasının Linux versiyasını təqdim edib.


OpenBSD-də 4 ciddi sistem boşluğu aşkar edilib

OpenBSD-də 4 ciddi sistem boşluğu aşkar edilərək aradan qaldrılıb.


Sadə tətbiqlərin müxtəlif proqramlaşdırma dillərindəki test nəticələri təqdim ed..

Assembler x86_64-də HeavyThing adlı azad kitabxananı reallaşdırmış müəllif Jeff Marrison “Assembler-..

×