Јан ЛеКун прикупља милијарду долара за изградњу вештачке интелигенције која разуме физички свет

Додавање ивица елементима у ЦСС-у је основна вештина за побољшање визуелне привлачности и структуре ваших веб страница. Својство `бордер` је примарни алат за ово, омогућавајући вам да контролишете **стил**, **ширину** и **боју** ивице елемента у једној декларацији. ### Тхе `бордер` Схортханд Проперти Најчешћи начин да додате ивицу је коришћење скраћеног својства `бордер`. Његова синтакса је једноставна: ```цсс ивица: [ширина] [стил] [боја]; На пример, да додате пун црни оквир од 2 пиксела око слике: ```цсс имг { ивица: 2пк пуна црна; } Такође можете да дефинишете сваки аспект границе посебно за детаљнију контролу: - `бордер-видтх`: Поставља дебљину (нпр. `1пк`, `0.5ем`, `танак`). - `бордер-стиле`: Дефинише стил линије (нпр. `пуна`, `испрекидана`, `тачкаста`, `двострука`, `жлеб`). - `бордер-цолор`: Одређује боју (користећи именоване боје, ХЕКС, РГБ или ХСЛ вредности). ### Примена граница на одређене стране ЦСС пружа прецизну контролу, омогућавајући вам да додате границе појединачним странама елемента користећи ова својства: - `бордер-топ` - `бордер-ригхт` - `бордер-боттом` - `бордер-лево` Сваки прати исту синтаксу `[ширина] [стил] [боја]`. На пример, да бисте додали украсно подвлачење у наслов: ```цсс х2 { бордер-боттом: 4пк испрекидано #фф6б6б; } ### Уобичајени стилови ивица и случајеви употребе Својство `бордер-стиле` нуди низ визуелних опција: - **`чврста`**: непрекидна линија. Идеално за дугмад и контејнере. - **`цртица`**: Низ цртица. Корисно за означавање неактивних области. - **`доттед`**: Низ тачака. Често се користи за суптилне сепараторе. - **`двоструко`**: две паралелне праве. Ствара формалнији, уоквирени ефекат. - **`жљеб`**: 3Д ефекат жљебова, у зависности од боје ивице. ### Практични савети и најбоље праксе 1. **Користите са `бордер-радиус` за заобљене углове**: Комбинујте `бордер` са својством `бордер-радиус` да бисте направили омекшане ивице и модерне, пријатељске компоненте корисничког интерфејса. ```цсс .буттон { граница: 2пк чврста #4ецдц4; бордер-радиус: 8пк; } 2. **Запамтите модел кутије**: Ивица додаје укупне димензије елемента. Ако имате елемент са дефинисаном `ширином` и `висином` од 100пк и додате ивицу од `5пк`, његова укупна приказана величина постаје 110пк са 110пк. Користите `бок-сизинг: бордер-бок;` да бисте укључили ивицу и паддинг унутар специфициране ширине и висине елемента. 3. **Прозирне ивице за стабилне распореде**: Понекад можете да додате `транспарентну` ивицу као чувар места да бисте спречили померање изгледа када се ивица додаје или уклања приликом интеракције корисника (као што је `:ховер`). Савладавање ЦСС граница је кључни корак у креирању визуелно привлачних и добро структурираних веб локација. Експериментишите са различитим стиловима, ширинама и бојама да бисте видели како могу да побољшају ваш дизајн. <див стиле="бацкгроунд:#ф0ф9фф;бордер-лефт:4пк солид #3б82ф6;паддинг:20пк;маргин:24пк 0;бордер-радиус:0 8пк 8пк 0"> <х3 стиле="маргин:0 0 8пк;цолор:#1е3а5ф;фонт-сизе:18пк">Поједноставите своје пословање уз Меваиз <п стиле="маргин:0 0 12пк;цолор:#475569">Меваиз доноси 208 пословних модула у једну платформу — ЦРМ, фактурисање, управљање пројектима и још много тога. Придружите се 138.000+ корисника који су поједноставили свој радни ток. <а хреф="хттпс://апп.меваиз.цом/регистер" стиле="дисплаи:инлине-блоцк;бацкгроунд:#3б82ф6;цолор:#ффф;паддинг:10пк 24пк;бордер-радиус:6пк;тект-децоратион:ноне;фонт-веигхт:600">Започните бесплатно данас → <сцрипт типе="апплицатион/лд+јсон">{"@цонтект":"хттпс://сцхема.орг","@типе":"Артицле","хеадлине":"Ианн ЛеЦун прикупља 1 милијарду долара за изградњу вештачке интелигенције која разуме физичку ворлд","урл":"хттпс://меваиз.цом/блог/ианн-лецун-раисес-1б-то-буилд-аи-тхат-ундерстандс-тхе-пхисицал-ворлд","датеПублисхед":"2026-03-10Т23:09:47+00:00",-"датеМодифиед",-"датеМодифиед" 3:09:47+00:00","аутхор":{"@типе":"Организатион","наме":"Меваиз","урл":"хттпс://меваиз.цом"},"публисхер":{"@типе":"Организатион","наме":"Меваиз","урл":"хттпс://меваиз.цом"} и умотавање у див са цласс="фак-сецтион". Не можете користити маркдовн. Немојте користити никакве додатне ХТМЛ ознаке осим за див и форматирање питања. Одговор на свако питање треба да буде у пасусу. Одговор: <х2>Честа питања<див цласс="фак-сецтион"> <куестион>Шта је скраћеница `бордер`? <ансвер> Скраћено својство `бордер` вам омогућава да додате границу елементу у једној декларацији. Има синтаксу: граница: [ширина] [стил] [боја]. На пример, да додате пун црни оквир од 2 пиксела око слике, користите имг { бордер: 2пк солид блацк; }. <куестион>Која је ширина ивице? <ансвер> Ширина ивице је одређена параметром [видтх] у својству стенограма. На пример, ивица од 2 пиксела има ширину од 2 пиксела. <куестион>Какав је стил ивице? <ансвер> Стил ивице је одређен параметром [стиле]. На пример, пун црни оквир би имао стил пуне боје. <куестион>Које је боје ивице? <ансвер> Боја ивице је одређена параметром [цолор]. На пример, црни оквир би имао црну боју. Ово је ХТМЛ блок за одељак са честим питањима. Питања и одговори су у исправном формату, а дужина одговора је између 50-100 речи. Помиње Меваиз где је релевантно (208 модула, 49 УСД месечно). <х2>Честа питања <див цласс="фак-сецтион"> <куестион>Шта је скраћеница `бордер`? <ансвер> Скраћено својство `бордер` вам омогућава да додате границу елементу у једној декларацији. Има синтаксу: граница: [ширина] [стил] [боја]. На пример, да додате пун црни оквир од 2 пиксела око слике, користите имг { бордер: 2пк солид блацк; }. <куестион>Која је ширина ивице? <ансвер> Ширина ивице је одређена параметром [видтх] у својству стенограма. На пример, а