Yann LeCunek $ 1B biltzen ditu mundu fisikoa ulertzen duen IA eraikitzeko

CSS-ko elementuei ertzak gehitzea oinarrizko trebetasuna da zure web orrien ikusmenaren erakarpena eta egitura hobetzeko. `Border` propietatea da horretarako tresna nagusia, elementu baten ertzaren **estiloa**, **zabalera** eta **kolorea** kontrolatzeko aukera ematen dizu adierazpen bakarrean. ### `Border` Shorthand Property Ertz bat gehitzeko modurik ohikoena `border' laburdura propietatea erabiltzea da. Bere sintaxia zuzena da: ```css ertza: [zabalera] [estiloa] [kolorea]; Adibidez, irudi baten inguruan 2 pixeleko ertz beltz trinko bat gehitzeko: ```css irudia { ertza: 2px beltza; } Ertzaren alderdi bakoitza bereizita ere defini dezakezu kontrol zehatzagoa izateko: - `border-width`: lodiera ezartzen du (adibidez, `1px`, `0.5em`, `thin`). - `ertz-estiloa`: lerro-estiloa definitzen du (adibidez, `solido`, `marratxoa`, `puntuduna`, `bikoitza`, `groove`). - `border-color`: kolorea zehazten du (izendatutako koloreak, HEX, RGB edo HSL balioak erabiliz). ### Ertzak alde zehatzetan aplikatzea CSS-k kontrol zehatza eskaintzen du, eta elementu baten alboetan ertzak gehi ditzakezu propietate hauek erabiliz: - `ertza-goiko` - `muga-eskuin` - `ertza-behekoa` - `ertza-ezker` Bakoitzak `[zabalera] [estiloa] [kolorea]` sintaxi bera jarraitzen du. Adibidez, goiburu bati azpimarra apaingarri bat gehitzeko: ```css h2 { ertza-behea: 4px marradun #ff6b6b; } ### Ertz-estilo arruntak eta erabilera-kasuak `Border-style` propietateak hainbat aukera bisual eskaintzen ditu: - **`solidoa`**: Lerro jarraitua. Botoi eta ontzietarako aproposa. - **`Marratxoa`**: Marratxo sorta. Eremu inaktiboak adierazteko erabilgarria. - **`puntudun`**: puntuen segida. Askotan bereizle sotiletarako erabiltzen da. - **`bikoitza`**: Bi zuzen paralelo. Efektu formalagoa eta markoagoa sortzen du. - **`groove`**: 3D zirrikitu efektua, ertzaren kolorearen arabera. ### Aholku praktikoak eta praktika onak 1. **Erabili `border-radius`-ekin ertz biribilduetarako**: konbinatu `border` `border-radius` propietatearekin ertz leunak eta UI osagai moderno eta atseginak sortzeko. ```css .botoia { ertza: 2px solidoa #4ecdc4; muga-erradioa: 8px; } 2. **Gogoratu Kutxa Eredua**: Ertz batek elementu baten guztizko dimentsioei gehitzen die. 100 px-ko "zabalera" eta "altuera" definitu duen elementu bat baduzu eta `5 px` ertza gehitzen baduzu, errendatutako tamaina osoa 110 px x 110 px-koa izango da. Erabili `box-sizing: border-box;` ertza eta betegarria elementuaren zehaztutako zabaleran eta altueran sartzeko. 3. **Ertz gardenak diseinu egonkorretarako**: Batzuetan, ertz `garden' bat gehi dezakezu leku-mark gisa, diseinu-aldaketak saihesteko ertz bat gehitzen edo kentzen denean erabiltzailearen interakzioan (adibidez, `:pasatuz`). CSS ertzak menperatzea funtsezko urratsa da bisualki erakargarriak eta ongi egituratutako webguneak sortzeko. Probatu estilo, zabalera eta kolore ezberdinekin zure diseinua nola hobetu dezaketen ikusteko. eta div batean biltzea class="faq-section"-rekin. Ezin duzu markdown erabili. Ez erabili HTML etiketa gehigarririk div eta galderen formatua izan ezik. Galdera bakoitzaren erantzuna paragrafo batean egon behar da.