Yann LeCun 1 mîlyar dolar berhev dike da ku AI-ya ku cîhana laşî fam dike ava bike

Zêdekirina sînoran li hêmanên di CSS-ê de jêhatîbûnek bingehîn e ku ji bo zêdekirina balkêşiya dîtbarî û avahiya rûpelên weya malperê. Taybetmendiya `sînor` ji bo vê amûra bingehîn e, ku dihêle hûn ** şêwazê**, **firehî**, û **reng** sînorê hêmanekê di yek danezanê de kontrol bikin. ### Taybetmendiya kurtenivîsê ya `sînor` Awayê herî berbelav ji bo lê zêdekirina sînorek taybetmendiya kurteya `sînor` bikar tîne. Hevoksaziya wê rasterast e: ``css sînor: [fireh] [şêwe] [reng]; Mînakî, ji bo lê zêdekirina sînorê reş 2-pixel li dora wêneyek: ``css img { sînor: 2px reş; } Her weha hûn dikarin her aliyek sînor ji hev veqetandî ji bo kontrolek hûrgulî diyar bikin: - `firehiya sînor`: Qelewiyê destnîşan dike (mînak, `1px`, `0,5em`, `tenik`). - `şêwaza sînor`: Şêweya rêzê diyar dike (mînak, `pêk`, `şkestî`, `xalî`, `ducar`, `xizm`). - `border-color`: Rengê diyar dike (rengên bi nav, HEX, RGB, an HSL bikar tîne). ### Serlêdana Sînoran li Aliyên Taybet CSS kontrola rast peyda dike, ku dihêle hûn bi karanîna van taybetmendiyan sînoran li aliyên takekesî yên hêmanek zêde bikin: - `sînor-top` - `sînor-rast` - `sînor-binî` - `sînor-çep` Her yek heman hevoksaziya `[fireh] [şêwe] [reng]` dişopîne. Mînakî, ji bo zêdekirina binxêzek xemilandî li ser sernavê: ``css h2 { border-bottom: 4px dashed #ff6b6b; } ### Şêweyên Sînorên Hevbeş û Rewşên Bikaranînê Taybetmendiya `sînor-şêwe` cûrbecûr vebijarkên dîtbarî pêşkêşî dike: - **`solid`**: Rêzeke berdewam. Ji bo bişkok û konteyneran îdeal e. - **`şkestî`**: Rêzek daçek. Ji bo nîşankirina deverên neçalak bikêr e. - **`xalkirî`**: Rêzek ji xalan. Pir caran ji bo veqetandina nazik tê bikar anîn. - **`duqat`**: Du xetên paralel. Bandorek bêtir fermî, çarçoveyek diafirîne. - **`groove`**: Bandorek 3D ya xêzkirî, li gorî reng-sînorê ve girêdayî ye. ### Serişteyên Pratîk û Pratîkên çêtirîn 1. **Ji bo Kuçeyên Gor bi `sînor-radius` bikar bînin **: `sînor` bi taybetmendiya `sînor-radius` bidin hev da ku keviyên nerm û hêmanên UI-ya nûjen û dostane biafirînin. ``css .button { sînor: 2px solid #4ecdc4; border-radius: 8px; } 2. **Modela Box-ê bi bîr bîne **: Sînorek mezinahiyên hêmanekê zêde dike. Ger hêmanek we ya bi "firahî" û "bilindahî" 100 px diyarkirî hebe û xêzek `5 px` lê zêde bike, mezinahiya wê ya tevayî 110 px dibe 110 px. Bikarhêneriya 'box-sizing: border-box;' bikar bînin da ku sînor û peldankê di nav firehî û bilindahiya diyarkirî ya elementê de bihewînin. 3. **Sînorên şefaf ji bo xêzkirinên stabîl**: Carinan, dibe ku hûn sînorek `şefaf` wekî cîhgirek lê zêde bikin da ku gava sînorek li ser danûstendina bikarhêner tê zêdekirin an jêbirin (wek `:hover`) rê li guheztina sêwiran bigire. Serwerkirina sînorên CSS-ê di afirandina malperên dîtbarî yên balkêş û birêkûpêk de gavek bingehîn e. Bi şêwaz, firehî û rengên cihêreng biceribîne da ku bibînin ka ew çawa dikarin sêwirana we zêde bikin.